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 相关文章推荐
云网广告中的代码,提示出错,大家找找
Nov 21 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
jquery动态添加option示例
Dec 30 Javascript
js创建元素(节点)示例
Jan 02 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
mvc中form表单提交的三种方式(推荐)
Aug 10 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
Feb 20 Javascript
Vue.js鼠标悬浮更换图片功能
May 17 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
Dec 13 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
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
写自已的js类库需要的核心代码
2012/07/16 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
详解Angular路由之路由守卫
2018/05/10 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
Python制作数据导入导出工具
2015/07/31 Python
python黑魔法之编码转换
2016/01/25 Python
使用python为mysql实现restful接口
2018/01/05 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
python和JavaScript哪个容易上手
2020/06/23 Python
virtualenv介绍及简明教程
2020/06/23 Python
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
啤酒销售实习自我鉴定
2013/09/24 职场文书
学习党课思想汇报
2013/12/29 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
走群众路线学习笔记
2014/11/06 职场文书
春季运动会开幕词
2015/01/28 职场文书
杨善洲电影观后感
2015/06/04 职场文书
酒店厨房管理制度
2015/08/06 职场文书
初一年级组工作总结
2015/08/12 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书
用Python制作灯光秀短视频的思路详解
2021/04/13 Python