javascript 实现子父窗体互相传值的简单实例


Posted in Javascript onFebruary 17, 2014

window.showModalDialog() 使用方法:

var returnValue = window.showModalDialog(url [, arguments] [,features]);

url  -- 必选参数,类型:字符串,用来指定对话框要显示的文档的URL

arguments  -- 可选参数,类型:变体,用来向对话框传递参数,传递的参数类型不限,包括数组等,对话框通过window.dialogArguments来取得传递进来的参数

features   -- 可选参数,类型:字符串,用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开

dialogHeight:对话框高度,不小于100px
dialogWidth:对话框宽度
dialogLeft:离屏幕左的距离
dialogTop:离屏幕上的距离
center:{ yes | no | 1 | 0 }:是否居中,默认yes,但仍可以指定高度和宽度  
help:{yes | no | 1 | 0 }:是否显示帮助按钮,默认yes
resizable:{yes | no | 1 | 0 } [IE5+]:是否可被改变大小,默认no
status:{yes | no | 1 | 0 } [IE5+]:是否显示状态栏,默认为yes[ Modeless]或no[Modal]
scroll:{ yes | no | 1 | 0 | on | off }:是否显示滚动条,默认为yes

参数传递:

1. 要想对话框传递参数,是通过arguments来进行传递的,类型不限制,对于字符串类型,最大为4096个字符,也可以传递对象,例如:
parent.htm

<script>
 var obj = new Object();
 obj.name="justflyhigh.com";
 window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>

modal.htm
<script>
 var obj = window.dialogArguments;
 alert("您传递的参数为:" + obj.name)
</script>

2. 可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象,例如:

parent.htm

<script>
 var result =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
 alert(result);
</script>

modal.htm
<script>
 window.returnValue="https://3water.com";
</script>
Javascript 相关文章推荐
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
jQuery.holdReady()方法用法实例
Dec 27 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
js实现文字滚动效果
Mar 03 Javascript
bootstrap fileinput 插件使用项目总结(经验)
Feb 22 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
jQuery使用each遍历循环的方法
Sep 19 jQuery
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
Aug 06 Javascript
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
javascript 回到顶部效果的实现代码
Feb 17 #Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 #Javascript
JavaScript省市联动实现代码
Feb 15 #Javascript
js与运算符和或运算符的妙用
Feb 14 #Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 #Javascript
jquery中交替点击事件的实现代码
Feb 14 #Javascript
javascript获取form里的表单元素的示例代码
Feb 14 #Javascript
You might like
PHP开发文件系统实例讲解
2006/10/09 PHP
使用 php4 加速 web 传输
2006/10/09 PHP
php简单提示框alert封装函数
2010/08/08 PHP
YII实现分页的方法
2014/07/09 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
获取JavaScript用户自定义类的类名称的代码
2007/03/08 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
2011/11/07 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
javascript 利用arguments实现可变长参数
2016/11/21 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
解决vue 引入子组件报错的问题
2018/09/06 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
[51:17]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第二场 10月30日
2020/10/31 DOTA
python实现简单的TCP代理服务器
2014/10/08 Python
Python中http请求方法库汇总
2016/01/06 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
python读取文件指定行内容实例讲解
2020/03/02 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
材料采购员岗位职责
2013/12/17 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
MySQL数据库 安全管理
2022/05/06 MySQL
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis