现在的问题是 ，网站是用iframe写的，分为top,left,right三个部分，现在我想在top页面执行一个方法，然后在right页面弹出一个窗口，怎么实现呢？
1 回答
翻过高山走不出你
TA贡献1875条经验 获得超3个赞
题主的问题本质是：iframe子页面内执行另外一个iframe子页面的javascript方法
我贴代码：
main.html 主窗口
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<iframe name="i1" id="i1" src="1.html" height="300" width="100%"></iframe>
<iframe name="i2" id="i2" src="2.html" height="300" width="100%"></iframe>
</body>
</html>
i1.html 是你的top页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>这是top iframe</h2>
<button type="button" onclick="rightShow()">执行Right弹窗方法</button>
<script>
function rightShow(){
// 获取父窗口顶层对象
$parent = window.parent;
// 获取right窗口对象
$right = $parent.document.getElementById("i2").contentWindow;
// 执行right窗口弹窗方法
$right.showWindow();
}
</script>
</body>
</html>
i2.html 是你的right页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3>这是right iframe</h3>
<script>
// 这就是right的弹窗方法
function showWindow() {
alert('window shown!');
}
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消