window.parent与window.opener的区别 javascript调用主窗口方法

最新推荐文章于 2025-12-18 10:02:55 发布

转载最新推荐文章于 2025-12-18 10:02:55 发布 · 470 阅读

文章标签：

#javascript #iframe #input

本文介绍了如何使用window.parent和window.opener实现iframe页面与父页面之间的交互。通过具体示例展示了如何在iframe页面中操作父页面的表单元素，以及如何在通过window.open打开的新窗口中与原窗口进行数据交换。

1：   window.parent 是iframe页面调用父页面对象

举例:

a.html

<html>
<head><title>父页面</title></head>
<body>
<form name="form1" id="form1">

<input type="text" name="username" id="username"/>

</form>
<iframe src="b.html" width=100%></iframe>
</body>
</html>

如果我们需要在b.htm中要对a.htm中的username文本框赋值，就如很多上传功能，上传功能页在Ifrmae中，上传成功后把上传后的路径放入父页面的文本框中

我们应该在b.html中写
<script type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>

实例地址：  http://www.cnspry.cn/blog/attachments/window.parent实例/a.html

2：   window.opener 是window.open 打开的子页面调用父页面对象

实例地址：  http://www.cnspry.cn/blog/attachments/window.opener实例/a.html