JavaScript中window.opener的使用与注意事项

window.opener的基本概念与空值检查

在JavaScript中，window.opener属性仅作为弹出窗口对其父窗口（即调用open方法的窗口）的引用。例如，当在a.html中通过按钮点击等方式使用window.open打开b.html时，b.html即可通过window.opener（可简写为opener）来访问a.html，包括其document等对象，从而操作a.html的内容。如果该引用失败，opener将返回null。因此，在调用opener相关对象前，必须判断其是否为null，否则可能引发“对象为空或不存在”的JavaScript错误。

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

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

支付成功后关闭子窗口并刷新父页面

window.open()；

而在支付成功后，通常需要关闭支付平台的成功界面，并在客户端加载支付成功页面。对应的JavaScript代码如下：

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