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 相关文章推荐
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
May 27 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
JavaScript设计模式之职责链模式应用示例
Aug 07 Javascript
微信小程序实现动态获取元素宽高的方法分析
Dec 10 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
Apr 02 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
Terran兵种介绍
2020/03/14 星际争霸
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
用PHP控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
php页面防重复提交方法总结
2013/11/25 PHP
php检查页面是否被百度收录
2015/10/28 PHP
实例讲解php实现多线程
2019/01/27 PHP
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
2015/06/01 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
JavaScript设计模式开发中组合模式的使用教程
2016/05/18 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
2020/07/21 Javascript
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
python实现从web抓取文档的方法
2014/09/26 Python
Python入门篇之数字
2014/10/20 Python
python实现复制整个目录的方法
2015/05/12 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
python相似模块用例
2016/03/04 Python
python实现IOU计算案例
2020/04/12 Python
实习生个人的自我评价
2013/12/08 职场文书
纠风工作实施方案
2014/03/15 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
横空出世观后感
2015/06/09 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang