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

来源:互联网 发布:c语言判断数字 编辑:程序博客网 时间:2024/06/15 03:32

 

 比如 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