js opener的使用详解


Posted in Javascript onJanuary 11, 2014

在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();
Javascript 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
JavaScript是否可实现多线程  深入理解JavaScript定时机制
Dec 22 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
JS中实现replaceAll的方法(实例代码)
Nov 12 Javascript
js使用循环清空某个div中的input标签值
Sep 29 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
vue模仿网易云音乐的单页面应用
Apr 24 Javascript
JS回调函数简单易懂的入门实例分析
Sep 29 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
js实现页面导航层级指示效果
Aug 25 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 #Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 #Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 #Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 #Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 #Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 #Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 #Javascript
You might like
用PHP的ob_start();控制您的浏览器cache!
2006/11/25 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
基于iScroll实现内容滚动效果
2018/03/21 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING
2014/05/22 DOTA
python计算最小优先级队列代码分享
2013/12/18 Python
python编写暴力破解FTP密码小工具
2014/11/19 Python
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
numpy.random.seed()的使用实例解析
2018/02/03 Python
详解Python:面向对象编程
2019/04/10 Python
python连接PostgreSQL过程解析
2020/02/09 Python
为什么是 Python -m
2020/06/19 Python
win10安装python3.6的常见问题
2020/07/01 Python
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
PHP面试题大全
2015/10/16 面试题
毕业生幼师求职自荐信
2013/10/01 职场文书
暑期教师培训方案
2014/06/07 职场文书
客房服务员岗位职责
2015/02/09 职场文书
力克胡哲观后感
2015/06/10 职场文书
2016公司新年问候语
2015/11/11 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
OpenFeign实现远程调用
2022/08/14 Java/Android