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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
JavaScript数据结构和算法之图和图算法
Feb 11 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
基于vue的fullpage.js单页滚动插件
Mar 20 Javascript
利用Vue v-model实现一个自定义的表单组件
Apr 27 Javascript
Vue中组件之间数据的传递的示例代码
Sep 08 Javascript
vue cli 3.0 使用全过程解析
Jun 14 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
利用static实现表格的颜色隔行显示的代码
2007/09/02 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP会话控制:Session与Cookie详解
2014/09/27 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
教你如何解密js/vbs/vbscript加密的编码异处理小结
2008/06/25 Javascript
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
jQuery知识点整理
2015/01/30 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
Vue如何实现组件的源码解析
2017/06/08 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
浅谈编码,解码,乱码的问题
2016/12/30 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
毕业生自我鉴定
2013/12/04 职场文书
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
《威尼斯的小艇》教学反思
2014/02/17 职场文书
现场活动策划方案
2014/08/22 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
端午节活动总结报告
2015/02/11 职场文书
公司管理建议书
2015/09/14 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
纯html+css实现Element loading效果
2021/08/02 HTML / CSS
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python