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 contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
javascript delete 使用示例代码
Mar 29 Javascript
js中top/parent/frame概述及案例应用
Feb 06 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
jQuery实现遮罩层登录对话框
Dec 29 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 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 分页类实现代码
2009/12/03 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
PHP 出现 http500 错误的解决方法
2021/03/09 PHP
JQuery 获得绝对,相对位置的坐标方法
2010/02/09 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
利用jQuery和CSS将背景图片拉伸
2015/10/16 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
Python实现把xml或xsl转换为html格式
2015/04/08 Python
python实现人民币大写转换
2018/06/20 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
python实现的Iou与Giou代码
2020/01/18 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
幼儿园门卫岗位职责
2014/02/14 职场文书
小学生安全演讲稿
2014/04/25 职场文书
2014年物流工作总结
2014/11/25 职场文书
个人年底工作总结
2015/03/10 职场文书
雷锋电影观后感
2015/06/10 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
python关于集合的知识案例详解
2021/05/30 Python
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android