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 FormatNumber函数实现方法
Dec 30 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
巧用weui.topTips验证数据的实例
Apr 17 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
Node.js实现发送邮件功能
Nov 06 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
Jul 22 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
thinkphp框架实现删除和批量删除
2016/06/29 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
关于document.cookie的使用javascript
2008/04/11 Javascript
JS判断移动端访问设备并加载对应CSS样式
2014/06/13 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
详解JS数值Number类型
2018/02/07 Javascript
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
JavaScript Canvas编写炫彩的网页时钟
2019/10/16 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
2019/11/13 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
js实现购物车商品数量加减
2020/09/21 Javascript
python 实现堆排序算法代码
2012/06/05 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
关于Python-faker的函数效果一览
2019/11/28 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
python中的错误如何查看
2020/07/08 Python
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
Java程序开发中如何应用线程
2016/03/03 面试题
运动会稿件100字
2014/09/24 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
出差报告范文
2014/11/06 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
2015入党自传格式范文
2015/06/26 职场文书
护理心得体会范文
2016/01/22 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
不要在HTML中滥用div
2021/05/08 HTML / CSS