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 相关文章推荐
JavaScript中的私有/静态属性介绍
Jul 26 Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
Bootstrap提示框效果的实例代码
Jul 12 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
javascript实现的时间格式加8小时功能示例
Jun 13 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
详解React路由传参方法汇总记录
Nov 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中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
PHP实现通过二维数组键值获取一维键名操作示例
2019/10/11 PHP
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
JS父页面与子页面相互传值方法
2014/03/05 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
Bootstrap基础学习
2015/06/16 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
详解基于webpack&amp;gettext的前端多语言方案
2019/01/29 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
2019/09/24 Javascript
python局域网ip扫描示例分享
2014/04/03 Python
Python从零开始创建区块链
2018/03/06 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
python实现简单颜色识别程序
2020/02/19 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
个人简历自我评价八例
2013/10/31 职场文书
采购经理岗位职责
2014/02/16 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
依法行政工作汇报
2014/10/28 职场文书
2014年工程师工作总结
2014/11/25 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS
分享Python获取本机IP地址的几种方法
2022/03/17 Python