javascript showModalDialog,open取得父窗口的方法


Posted in Javascript onMarch 10, 2010

通常使用window.open的方式开启新窗口的话
要取得父窗口的控件,可以用window.opener来取得父窗口
然而如果使用showModalDialog的话...却无效
如果有需要的话,需要修改开启的语法以及showModalDialog中的语法
开启语法第2个参数请下self,范例如下
var rc=window.showModalDialog(strURL,self,sFeatures);
然后接着就是呼叫父窗口的语法
var pWindow=window.dialogArguments;
这样就可以取得父窗口的window对象控制了。例如:
window.dialogArguments.document.getElementsByName("processId")[0].value;

js中 opener和parent的区别

opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的
opener,在B页面通过opener对象可以访问A页面。
parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的
parent。
在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错误。

<html> 
<body> 
<form. name=form1> 
<input type=text name=inpu > 
<input type=button > 
</form> 
</body> 
</html>

back2opener.html
<html> 
<body> 
<form. name=form1> 
<input type=text name=inpu > 
<a class=under href=# >添加</a> 
</form> 
</body> 
</html>

window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了
b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以
写为:
window.opener.document.getElementById("name").value = "输入的数据";
Javascript 相关文章推荐
JQuery最佳实践之精妙的自定义事件
Aug 11 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
jQuery模拟超链接点击效果代码
Apr 21 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
Vue非父子组件通信详解
Jun 12 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
vue实现拖拽进度条
Mar 01 Vue.js
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 #Javascript
js Date自定义函数 延迟脚本执行
Mar 10 #Javascript
js 蒙版进度条(结合图片)
Mar 10 #Javascript
javascript 事件查询综合 推荐收藏
Mar 10 #Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 #Javascript
Jquery替换已存在于element上的event的方法
Mar 09 #Javascript
JQery jstree 大数据量问题解决方法
Mar 09 #Javascript
You might like
文件上传类
2006/10/09 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
jquery实现的超出屏幕时把固定层变为定位层的代码
2010/02/23 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
Jquery中删除元素的实现代码
2011/12/29 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
input输入框内容实时监测(附代码)
2017/08/15 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
js抽奖转盘实现方法分析
2020/05/16 Javascript
Electron整合React使用搭建开发环境的步骤详解
2020/06/07 Javascript
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
优秀团干部个人事迹
2014/05/29 职场文书
董事长岗位职责
2015/02/13 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
初中同学会致辞
2015/08/01 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers