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 相关文章推荐
用JS实现的一个include函数
Jul 21 Javascript
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
jquery表单验证使用插件formValidator
Nov 10 Javascript
js如何设置在iframe框架中指定div不显示
Dec 04 Javascript
jquery修改网页背景颜色通过css方法实现
Jun 06 Javascript
基于jQuery Tipso插件实现消息提示框特效
Mar 16 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
Angular网络请求的封装方法
May 22 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
js实现无缝滚动双图切换效果
Jul 09 Javascript
vscode中使用npm安装babel的方法
Aug 02 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计算近1年的所有月份
2017/03/13 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2018/04/27 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
javascript 设计模式之组合模式原理与应用详解
2020/04/08 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
python网络编程实例简析
2014/09/26 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
新闻记者实习自我鉴定
2013/09/19 职场文书
材料成型专业个人求职信范文
2013/09/25 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
道歉的话语大全
2015/05/12 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang