IFrame页面内target目标跳转到另一个iframe

最新推荐文章于 2025-07-22 16:35:19 发布

原创最新推荐文章于 2025-07-22 16:35:19 发布 · 536 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iFrame #hmtml #js #ViewUI

JavaScript 同时被 2 个专栏收录

13 篇文章

订阅专栏

Html

5 篇文章

订阅专栏

本文介绍了一种在同一个页面内的两个IFrame中实现链接跳转的方法。通过简单的JavaScript操作，能够实现在点击一个IFrame中的链接时，另一个IFrame加载指定页面的功能。

[b]IFrame页面内target目标跳转到另一个iframe[/b]

[color=cyan]今天遇到的问题是如何让在同一页面内的两个Iframe中的链接可以进行跳转。自己做了个尝试，其实也就是两行代码就搞掂了,代码如下:[/color]

main.html
<html>
<head></head>
<body>
<iframe id="links" src="left.html" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
<br>
<iframe id="rightFrame" src="welcome.html" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
</body>
</html>
left.html
<html>
<body>
<a href="#" onclick="test()">test</a>
</body>
</html>
js部分
function test(){
var frameid = parent.document.getElementById("rightFrame");
frameid.src = "right.html";
}ameid.src = "right.html";
}