js opener的使用详解

 更新时间:2014年01月11日 10:27:04   作者:  
在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();

相关文章

  • ionic 自定义弹框效果

    ionic 自定义弹框效果

    这篇文章主要介绍了ionic 自定义弹框效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • JavaScript中offsetWidth的bug及解决方法

    JavaScript中offsetWidth的bug及解决方法

    这篇文章主要为大家详细介绍了JavaScript中offsetWidth的bug及解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js截取字符串的两种方法及区别详解

    js截取字符串的两种方法及区别详解

    本文是对js截取字符串的两种方法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 使用JS调用工控机(Windows)虚拟键盘

    使用JS调用工控机(Windows)虚拟键盘

    在工控机触摸屏中,通过浏览器web端进行表单输入,当聚焦表单输入框并不会出现虚拟键盘进行输入,本文介绍将给大家介绍如何通过js调用工控机(Windows)虚拟键盘,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • 浅析JS中对函数function的理解(基础篇)

    浅析JS中对函数function的理解(基础篇)

    我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法。下面给大家谈下对JS中函数function的理解,一起看看吧
    2016-10-10
  • 给ListBox添加双击事件示例代码

    给ListBox添加双击事件示例代码

    如何给ListBox添加双击事件,想必有很多的新手朋友们都不会吧,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • JavaScript仿微博发布信息案例

    JavaScript仿微博发布信息案例

    这篇文章主要为大家详细介绍了JavaScript仿微博发布信息案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 如何检查一个对象是否为空

    如何检查一个对象是否为空

    这篇文章主要介绍了js如何检查一个对象是否为空,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JAVASCRIPT代码编写俄罗斯方块网页版

    JAVASCRIPT代码编写俄罗斯方块网页版

    俄罗斯方块方块是小时候的一个回忆,从最开始的掌上的黑白游戏机,到电视游戏机,到电脑,无不有它的痕迹,今天我们来一起重温它的一种实现方法,也算是整理一下我的思路吧,感兴趣的小伙伴一起学习吧
    2015-11-11
  • 错误剖析之JavaScript的9个陷阱及评点

    错误剖析之JavaScript的9个陷阱及评点

    错误剖析之JavaScript的9个陷阱及评点...
    2007-08-08

最新评论