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 相关文章推荐
ExtJS 2.0 GridPanel基本表格简明教程
May 25 Javascript
javascript定义函数的方法
Dec 06 Javascript
Fixie.js 自动填充内容的插件
Jun 28 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
Dec 17 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
vue实现虚拟列表功能的代码
Jul 28 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
星际玩家的三大定律
2020/03/04 星际争霸
在字符串中把网址改成超级链接
2006/10/09 PHP
让PHP COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
ThinkPHP模板替换与系统常量及应用实例教程
2014/08/22 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
php实现encode64编码类实例
2015/03/24 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
javascript new一个对象的实质
2010/01/07 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
JS嵌套函数调用上下文的问题解决
2014/03/26 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
javascript折半查找详解
2015/01/26 Javascript
JavaScript中textRange对象使用方法小结
2015/03/24 Javascript
jQuery中next方法用法实例
2015/04/24 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
Python 利用OpenCV给照片换底色的示例代码
2020/08/03 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
The North Face北面荷兰官网:美国著名户外品牌
2019/10/16 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
工程专业应届生求职信
2014/02/19 职场文书
2015年新教师工作总结
2015/04/28 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
python中__slots__节约内存的具体做法
2021/07/04 Python
Java死锁的排查
2022/05/11 Java/Android