js opener的使用详解

前端技术 2023/09/03 JavaScript

在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：
a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。
假如这个引用失败，那么将返回null。所以在调用opener的对象前，要先判断对象是否为null，否则会出现“对象为空或者不存在”的JS错误。

例子
opener.html

复制代码 代码如下:

<html>
<body>
<form name=form1>
<input type=text name=inpu >
<input type=button  onclick=\"javascript:window.open(\'back2opener.html?toname=opener.form1.inpu\');\">
</form>
</body>
</html>

back2opener.html
复制代码 代码如下:

<html>
<body>
<form name=form1>
<input type=text name=inpu >

<a class=under href=# onclick=\"{opener.document.form1.inpu.value+=\'孙超,\';}\">添加</a>
</form>
</body>
</html>

本文地址：https://www.stayed.cn/item/7603

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案