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 相关文章推荐
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
JavaScript DOM学习第四章 getElementByTagNames
Feb 19 Javascript
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
JS按位非(~)运算符与~~运算符的理解分析
Jul 31 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
vue-router路由与页面间导航实例解析
Nov 07 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
解决VUEX兼容IE上的报错问题
Mar 01 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
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
PHP CURL中传递cookie的方法步骤
2019/05/09 PHP
Windows Live的@live.com域名注册漏洞 利用代码
2006/12/27 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
2013/03/05 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
2013/12/27 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
Angularjs 事件指令详细整理
2017/07/27 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
js实现带有动画的返回顶部
2020/08/09 Javascript
详解Python中的循环语句的用法
2015/04/09 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
Tensorflow 自带可视化Tensorboard使用方法(附项目代码)
2018/02/10 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
如何一键升级Python所有包
2020/11/05 Python
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
单位消防安全制度
2014/01/12 职场文书
音乐教学反思
2014/02/02 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
使用compose函数优化代码提高可读性及扩展性
2022/06/16 Javascript