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 AJAX返回的JSON结果集实现代码
Dec 10 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
vue文件运行的方法教学
Feb 12 Javascript
微信小程序点击保存图片到本机功能
Dec 13 Javascript
vue自定义组件实现双向绑定
Jan 13 Vue.js
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代码
2008/04/09 PHP
PHP统计nginx访问日志中的搜索引擎抓取404链接页面路径
2014/06/30 PHP
讲解WordPress开发中一些常用的debug技巧
2015/12/18 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
js编写三级联动简单案例
2016/12/21 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python中Django框架下的staticfiles使用简介
2015/05/30 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
简单了解python模块概念
2018/01/11 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
css3实现超立体3D图片侧翻倾斜效果
2014/04/16 HTML / CSS
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
Avène雅漾美国官方网站:敏感肌肤护理专家
2016/10/24 全球购物
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
铁路工务反思材料
2014/02/07 职场文书
初三班主任寄语大全
2014/04/04 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
2015年领班工作总结
2015/04/29 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
vue使用echarts实现折线图
2022/03/21 Vue.js
JS函数式编程实现XDM一
2022/06/16 Javascript