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 相关文章推荐
40个新鲜出炉的jQuery 插件和免费教程[上]
Jul 24 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
window.onresize 多次触发的解决方法
Nov 08 Javascript
javascript与cookie 的问题详解
Nov 11 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
laydate时间日历插件使用方法详解
Nov 14 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
Jul 24 Javascript
Vue实现手机计算器
Aug 17 Javascript
详解JavaScript的this指向和绑定
Sep 08 Javascript
JavaScript实现简单图片切换
Apr 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实现的简单压缩英文字符串的代码
2008/04/24 PHP
php中一个有意思的日期逻辑处理
2012/03/25 PHP
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
PHP中用mysqli面向对象打开连接关闭mysql数据库的方法
2016/11/05 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
jquery 表单进行客户端验证demo
2009/08/24 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
详解javascript获取url信息的常见方法
2016/12/19 Javascript
node.js中实现kindEditor图片上传功能的方法教程
2017/04/26 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
对layui数据表格动态cols(字段)动态变化详解
2019/10/25 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
关于JavaScript中异步/等待的用法与理解
2020/11/18 Javascript
python 正则式使用心得
2009/05/07 Python
Python多进程编程技术实例分析
2014/09/16 Python
Python实现二叉堆
2016/02/03 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
检测python爬虫时是否代理ip伪装成功的方法
2019/07/12 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
python处理document文档保留原样式
2019/09/23 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
简易离婚协议书范本2014
2014/10/15 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL
Win Server2016远程桌面如何允许多用户同时登录
2022/06/10 Servers
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers