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 相关文章推荐
国外大牛IE版本检测!现在IE都到9了,IE检测代码
Jan 04 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
jQuery获取当前点击的对象元素(实现代码)
May 19 Javascript
深入浅析JavaScript中的3DES
Aug 24 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
巧用weui.topTips验证数据的实例
Apr 17 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
JavaScript 语句之常用 for 循环详解
Mar 29 Javascript
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
php使用GeoIP库实例
2014/06/27 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
python 性能优化方法小结
2017/03/31 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Django实现分页功能
2018/07/02 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
python移位运算的实现
2019/07/15 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
Django 静态文件配置过程详解
2019/07/23 Python
python中bytes和str类型的区别
2019/10/21 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
大学毕业登记表自我鉴定
2013/10/09 职场文书
快餐店的创业计划书范文
2014/01/29 职场文书
学校党员对照检查材料
2014/08/28 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
全国助残日活动总结
2015/05/11 职场文书
环保证明
2015/06/23 职场文书
环保宣传语大全
2015/07/13 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers