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 相关文章推荐
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
js实现加载页面就自动触发超链接的示例
Aug 31 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 Javascript
Vue使用虚拟dom进行渲染view的方法
Dec 26 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 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字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
javascript控制swfObject应用介绍
2012/11/29 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
2013/02/02 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
AngularJs表单校验功能实例代码
2017/02/09 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
浅谈Angular单元测试总结
2019/03/22 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
在antd4.0中Form使用initialValue操作
2020/11/02 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
python仿抖音表白神器
2019/04/08 Python
解决pytorch报错:AssertionError: Invalid device id的问题
2020/01/10 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
HTML5 自动聚焦(autofocus)属性使用介绍
2013/08/07 HTML / CSS
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
电气自动化个人求职信范文
2014/02/03 职场文书
幼儿园大班开学教师寄语
2014/04/03 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
介绍信范文
2015/01/31 职场文书
歌咏比赛主持词
2015/06/29 职场文书
跳高加油稿
2015/07/21 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
全网非常详细的pytest配置文件
2022/07/15 Python