子页面 通过 JS 操作 父页面的内容

 

 比如 main.html 面的相关信息如下

<body >
<H1 id="h1Title"> H1内容</H1>
<iframe id="leftFrame" name="leftFrame" src="page/includes/left.html"></iframe>
<iframe id="centerFrame" name="centerFrame" width="537px" height="1000px"  src="page/includes/center.html"></iframe>		
</body>

如果 left.html  中想改变 main.html 中H1 的内容 则可以通过如下方式来改变

window.parent.document.getElementById("h1Title").innerHTML = "aabbccdd";

 

如果在center.html  要想执行left.html 中的JS函数 testLeft(),则方法如下：

top.window.frames["leftFrame"].testLeft() 即可。

 

注意事项： iframe 必须有 name 属性 否则 在火狐浏览其中 top.window.frames["leftFrame"].*是不起作用的！ 也就是找不大到对应“名称”的iframe