您的位置
主页 > 网站技术 > 语言编程 > » 正文

js opener的使用详解

来源: 站长圈 点击:

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




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明