iFrame 调用父窗口（父页面）的方法

最新推荐文章于 2024-09-09 15:37:01 发布

luli520happy

最新推荐文章于 2024-09-09 15:37:01 发布

阅读量1.6k

点赞数

分类专栏： html、JS常用及 JQuery 文章标签： iframe button 测试 javascript function

本文链接：https://blog.csdn.net/luli520happy/article/details/6077111

版权

本文介绍了如何在iFrame中调用父窗口的方法，包括设置父页面Form元素的值和访问javascript全局变量。通过window.parent对象，可以实现iFrame与父页面的交互，但需要注意同源策略限制，不同DNS域的iFrame无法进行交互。

摘要由CSDN通过智能技术生成

1、对父窗口里Form元素的访问

在DHTML Javascript代码里，window.parent 是iframe页面调用父页面对象，可以直接引用。
比如，我们需要在b.htm中要对a.htm中的username文本框赋值，我们应该在b.html中写

2、对父窗口和iFrame窗口里javascript全局变量的访问

a.html 代码

主页面
<script>
/** 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */
var parentVairous = “为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量”;
function parentInvokeIFrame()
{
var iframeTest = document.frames[”iframeTest”]; //使用document.getElementById(”iframeTest”);同样可以
alert(iframeTest.document.body.innerHTML);
alert(iframeTest.iFrameVair);
}
</script>