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陷阱题
Feb 07 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
浅谈javascript中for in 和 for each in的区别
Apr 23 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
jQuery中事件与动画的总结分享
May 24 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
详解js动态获取浏览器或页面等容器的宽高
Mar 13 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
php+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
各种快递查询--Api接口
2016/04/26 PHP
基于laravel where的高级使用方法
2019/10/10 PHP
Mootools 1.2 手风琴(Accordion)教程
2009/09/15 Javascript
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
2019/06/27 Javascript
使用Typescript和ES模块发布Node模块的方法
2020/05/25 Javascript
React+EggJs实现断点续传的示例代码
2020/07/07 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
详解pandas DataFrame的查询方法(loc,iloc,at,iat,ix的用法和区别)
2019/08/02 Python
django框架forms组件用法实例详解
2019/12/10 Python
Python自动重新加载模块详解(autoreload module)
2020/04/01 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
python 下划线的不同用法
2020/10/24 Python
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
什么是属性访问器
2015/10/26 面试题
艺术专业大学生自我评价
2013/09/22 职场文书
应聘护士自荐信
2013/10/21 职场文书
初中地理教学反思
2014/01/11 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
吃通javascript正则表达式
2021/04/21 Javascript
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python