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 相关文章推荐
juqery 学习之五 文档处理 插入
Feb 11 Javascript
js事件(Event)知识整理
Oct 11 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
Sep 12 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
vue-router 组件复用问题详解
Jan 22 Javascript
vue写一个组件
Apr 09 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
Nov 06 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
肝肠寸断了解下!盘点史上最伤心的十大动漫
2020/03/04 日漫
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
vue2笔记 — vue-router路由懒加载的实现
2017/03/03 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
js中null与空字符串&quot;&quot;的区别讲解
2019/01/17 Javascript
Python 文件读写操作实例详解
2014/03/12 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
python实现textrank关键词提取
2018/06/22 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
Python chardet库识别编码原理解析
2020/02/18 Python
基于python实现计算且附带进度条代码实例
2020/03/31 Python
用python爬虫批量下载pdf的实现
2020/12/01 Python
python中封包建立过程实例
2021/02/18 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
时尚休闲吧创业计划书
2014/01/25 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
还款承诺书范本
2015/01/20 职场文书
2015小学师德工作总结
2015/07/21 职场文书
小学作文之描写天气
2019/08/15 职场文书
redis实现排行榜功能
2021/05/24 Redis