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 相关文章推荐
编写兼容IE和FireFox的脚本
May 18 Javascript
js删除所有的cookie的代码
Nov 25 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
Javascript实现基本运算器
Jul 15 Javascript
详解vue移动端日期选择组件
Feb 22 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 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显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
PHP实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
php图片缩放实现方法
2014/02/20 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
js 深拷贝函数
2008/12/04 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
window.open()详解及浏览器兼容性问题示例探讨
2014/05/29 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
JsRender for index循环索引用法详解
2014/10/31 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python使用opencv读取图片的实例
2017/08/17 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
Pytorch 实现自定义参数层的例子
2019/08/17 Python
python3获取文件中url内容并下载代码实例
2019/12/27 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
斯洛伐克家具和时尚装饰品购物网站:Butlers.sk
2019/09/08 全球购物
银行实习生自我鉴定范文
2013/09/19 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
护士个人自我鉴定
2014/03/24 职场文书
《故乡》教学反思
2014/04/10 职场文书
ztree+ajax实现文件树下载功能
2021/05/18 Javascript