js中window.parent和window.opener的区别

最新推荐文章于 2022-08-13 00:10:43 发布

转载最新推荐文章于 2022-08-13 00:10:43 发布 · 1.2k 阅读

文章标签：

#window.parent #window.opener

javascript 专栏收录该内容

27 篇文章

订阅专栏

本文详细解析了JS中的parent和opener的概念及用法，通过实例展示了如何在不同页面间引用并操作对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

opener

opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如：A页面通过window.open()方法弹出了B页面，在B页面中就可以通过opener来引用A页面，这样就可以通过这个对象来对A页面进行操作。

parent

parent用于在iframe,frame中生成的子页面中访问父页面的对象。例如：A页面中有一个iframe或frame，那么iframe或frame中的页面就可以通过parent对象来引用A页面中的对象。这样就可以获取或返回值到A页面中。

实例

window.parent

a页面

<html>
<head><title>主页面</title></head>
<body>
<form name="form1" id="form1"><input type="text" name="username" id="username"/></form>
<iframe src="b页面" width=100%></iframe>
</body>
</html>

b页面

<html>
<head><title></title>
<script type="text/javascript">function UpdateParent()
{

var _parentWin = window.parent ;

_parentWin.form1.username.value = "xxxx" ;

} 
</script>
</head>
<body>
<form name="form1" id="form1">
<p>  </p>
<p align="center">
    <input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();">
</p>
<p>  </p>
</form></body>
</html>

文章转载自： js中parent和opener的区别 http://www.studyofnet.com/news/262.html