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的面向对象(一)
Nov 09 Javascript
javascript静态的url如何传递
May 03 Javascript
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
基于jQuery的日期选择控件
Oct 27 Javascript
javascript Object与Function使用
Jan 11 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
简单的分页代码js实现
May 17 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
小程序实现上下移动切换位置
Sep 23 Javascript
在vue中使用Echarts画曲线图的示例
Oct 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
来自phpguru得Php Cache类源码
2010/04/15 PHP
php去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
php将fileterms函数返回的结果变成可读的形式
2011/04/21 PHP
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
2007/09/04 Javascript
range 标准化之获取
2011/08/28 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
文件上传的几个示例分享【推荐】
2016/12/16 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
vue省市区三联动下拉选择组件的实现
2017/04/28 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
剖析Python的Twisted框架的核心特性
2016/05/25 Python
python3下使用cv2.imwrite存储带有中文路径图片的方法
2018/05/10 Python
Sanic框架流式传输操作示例
2018/07/18 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
舞蹈教师自荐信
2014/01/27 职场文书
个人近期表现材料
2014/02/11 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
投资协议书范本
2014/04/21 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
走群众路线学习笔记
2014/11/06 职场文书
撤诉状格式范本
2015/05/19 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
2016教师节感恩话语
2015/12/09 职场文书
手把手教你制定暑期学习计划,让你度过充实的暑假
2019/08/22 职场文书
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android
排查MySQL生产环境索引没有效果
2022/04/11 MySQL