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 相关文章推荐
dreamweaver 安装Jquery智能提示
Apr 02 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 Javascript
原生JavaScript实现Ajax的方法
Apr 07 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
vue-devtools的安装步骤
Apr 23 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
Aug 08 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
Feb 11 Javascript
Vue $mount实战之实现消息弹窗组件
Apr 22 Javascript
微信小程序之几种常见的弹框提示信息实现详解
Jul 11 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 模拟POST提交的2种方法详解
2013/06/17 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
jquery 图片上传按比例预览插件集合
2011/05/28 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
PHP PDO操作总结
2014/11/17 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
关于Function中的bind()示例详解
2016/12/02 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
全面分析Python的优点和缺点
2018/02/07 Python
python读取excel数据绘制简单曲线图的完整步骤记录
2020/10/30 Python
python中os.remove()用法及注意事项
2021/01/31 Python
英国家庭和商业健身器材购物网站:Fitness Options
2018/07/05 全球购物
linux面试题参考答案(6)
2014/08/29 面试题
金融专业毕业生推荐信
2013/11/26 职场文书
物流仓管员工作职责
2014/01/06 职场文书
教师节促销方案
2014/03/22 职场文书
2014年学习部工作总结
2014/11/12 职场文书
2014年司法局工作总结
2014/12/11 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
2015年中秋节主持词
2015/07/30 职场文书
初级职称评定工作总结
2015/08/13 职场文书
初中语文教学研修日志
2015/11/13 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python