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面向对象编程
Mar 02 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 Javascript
js控制滚动条缓慢滚动到顶部实现代码
Mar 20 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
json数据处理及数据绑定
Jan 25 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
原生js实现俄罗斯方块
Oct 20 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版(1)
2006/10/09 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
2016/08/31 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python实现的堆排序算法示例
2018/04/29 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
kafka-python批量发送数据的实例
2018/12/27 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
Python使用tkinter实现小时钟效果
2021/02/22 Python
html5默认气泡修改的代码详解
2020/03/13 HTML / CSS
体育纪念品、亲笔签名的体育收藏品:Steiner Sports
2020/07/31 全球购物
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
Linux管理员面试经常问道的相关命令
2014/12/12 面试题
医院护理人员的自我评价分享
2013/10/04 职场文书
大学生自我评价怎样写好
2013/10/23 职场文书
投标授权委托书范文
2014/08/02 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
人与自然的观后感
2015/06/18 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书
Java无向树分析 实现最小高度树
2022/04/09 Javascript