主页面 Web.html (加载了两个frame 分别为A.html)
<html lang&＃61;"en">
<head> <meta charset&＃61;"utf-8">
head>
<body>
<div ><iframe name&＃61;"frame1" src&＃61;"A.html">iframe><iframe name&＃61;"frame2" src&＃61;"B.html">iframe><button id&＃61;"webbt">webbtbutton>
div>
<script type&＃61;"text/Javascript">//在主页面中top parent window 三者相等var frame1&＃61; top.frames.frame1; //也可以通过[]来获取
frame1.onload&＃61;function(){frame1.document.getElementById(&＃39;pagea&＃39;).addEventListener(&＃39;click&＃39;,function(){alert("主页面调用 A子页面&＃xff0c;为page A按钮绑定了点击事件");});}
script>
body>
html>
A.html
<html lang&＃61;"en">
<head> <meta charset&＃61;"utf-8">
head>
<body>
<div ><button id&＃61;"pagea">PageAbutton><div style&＃61;"height: 200px;width: 200px" contenteditable&＃61;"true">div>
div>
<script type&＃61;"text/Javascript">window.onload&＃61;function(){top.document.getElementById(&＃39;webbt&＃39;).addEventListener(&＃39;click&＃39;,function(){alert("A操作父页面&＃xff0c;为webbt按钮绑定了点击事件");});};var frame2&＃61;top.frames.frame2; //可以通过parent获取上一级的文档&＃xff0c;top获取最顶级的文档
frame2.onload&＃61;function(){frame2.document.getElementById(&＃39;pageb&＃39;).addEventListener(&＃39;click&＃39;,function(){alert("A 操作B页面中的元素&＃xff0c;为pageb按钮绑定了点击事件");});}
script>
body>
html>
B.html
<html lang&＃61;"en">
<head>
<meta charset&＃61;"UTF-8">
head>
<body>
<div ><button id&＃61;"pageb">PageBbutton>
div>
body>
html>
京公网安备 11010802041100号