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的eval JSON object问题
Nov 15 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
Apr 07 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
js获取时间函数及扩展函数的方法
Oct 30 Javascript
基于JavaScript实现右键菜单和拖拽功能
Nov 28 Javascript
详解keep-alive + vuex 让缓存的页面灵活起来
Apr 19 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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+MSSQL分页的例子
2006/10/09 PHP
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
PHP 图片上传实现代码 带详细注释
2010/04/29 PHP
php实现的递归提成方案实例
2015/11/14 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
使用js获取地址栏中传递的值
2013/07/02 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
JQuery+CSS实现图片上放置按钮的方法
2015/05/29 Javascript
jQuery动画效果实现图片无缝连续滚动
2016/01/12 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
Python数据分析库pandas基本操作方法
2018/04/08 Python
python读取视频流提取视频帧的两种方法
2020/10/22 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
Python代理IP爬虫的新手使用教程
2019/09/05 Python
python各层级目录下import方法代码实例
2020/01/20 Python
Python之Sklearn使用入门教程
2021/02/19 Python
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
实用求职信范文分享
2013/12/25 职场文书
会计专业求职信
2014/08/10 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
辛亥革命观后感
2015/06/02 职场文书
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL