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 性能优化手册 推荐
Feb 23 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
Feb 14 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
简单实现jQuery弹幕效果
May 06 jQuery
JavaScript数组去重算法实例小结
May 07 Javascript
使用typescript改造koa开发框架的实现
Feb 04 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
Vue父组件调用子组件事件方法
2018/02/23 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
Python挑选文件夹里宽大于300图片的方法
2015/03/05 Python
儿童编程python入门
2018/05/08 Python
PyQt5 实现给窗口设置背景图片的方法
2019/06/13 Python
python分数表示方式和写法
2019/06/26 Python
torch 中各种图像格式转换的实现方法
2019/12/26 Python
python中的列表和元组区别分析
2020/12/30 Python
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
GWebs公司笔试题
2012/05/04 面试题
小学教师寄语大全
2014/04/03 职场文书
对教师的评语
2014/04/28 职场文书
导师推荐信范文
2014/05/09 职场文书
团队拓展活动方案
2014/08/28 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
书法社团活动总结
2015/05/07 职场文书
喋血孤城观后感
2015/06/08 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript