js opener的运用详解

发布时间：2023-09-18 14:56:16 所属栏目：教程来源：

导读：在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：

a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包

在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>

JS代码：

window.open()；

而当支付成功后，需要关闭支付平台支付成功界面，并在客户端加载客户端支付成功页面，JS代码:

window.opener.location.href=url;window.close();

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!