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 相关文章推荐
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
vue修改vue项目运行端口号的方法
Aug 04 Javascript
微信小程序自定义组件
Aug 16 Javascript
Vuejs实现购物车功能
Nov 05 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 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
如何使用PHP中的字符串函数
2006/10/09 PHP
PHP SEO优化之URL优化方法
2011/04/21 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
扩展IE中一些不兼容的方法如contains、startWith等等
2014/01/09 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
Python科学计算之Pandas详解
2017/01/15 Python
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
Python高级用法总结
2018/05/26 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
Python pip安装模块提示错误解决方案
2020/05/22 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
解决Python安装cryptography报错问题
2020/09/03 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
在家更换处方镜片:Lensabl
2019/05/01 全球购物
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
药物学专业学生的自我评价
2013/10/27 职场文书
村党支部书记承诺书
2014/05/29 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
创先争优活动党员公开承诺书
2014/08/29 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书
运动会加油稿30字
2015/07/21 职场文书
《我和小伙伴》教学反思
2016/02/20 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书