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 相关文章推荐
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
Dec 04 Javascript
HTML5实现留言和回复页面样式
Jul 22 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
Jan 21 Javascript
jQuery实现的简单分页示例
Jun 01 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
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
thinkphp5.1框架模板布局与模板继承用法分析
2019/07/19 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
人人网javascript面试题 可以提前实现下
2012/01/05 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
JQuery球队选择实例
2015/05/18 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
js如何准确获取当前页面url网址信息
2020/09/13 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
js编写选项卡效果
2017/05/23 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
Python实现的最近最少使用算法
2015/07/10 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
数控技术专业推荐信
2013/11/01 职场文书
初三政治教学反思
2014/01/30 职场文书
电气工程自动化求职信
2014/03/14 职场文书
个人自我鉴定总结
2014/03/25 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
六一儿童节活动总结
2014/08/27 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
检讨书格式范文
2015/05/07 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
手残删除python之后的补救方法
2021/06/26 Python
python之django路由和视图案例教程
2021/07/26 Python
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript