您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js opener的使用详解

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 在JS中,window.opener只是对弹出窗口的母窗口的一个引用。本篇文章主要是对js中opener的使用进行了详细介绍,需要的朋友可以过来参考下,希望对大家有所帮助

在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();