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 相关文章推荐
Js实现双击鼠标自动滚动屏幕的示例代码
Dec 14 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
jQuery判断浏览器并动态调整select宽度的方法
Mar 02 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
mpvue写一个CPASS小程序的示例
Sep 04 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
10种JavaScript最常见的错误(小结)
Jun 21 Javascript
vue3 源码解读之 time slicing的使用方法
Oct 31 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
vue实现登录、注册、退出、跳转等功能
Dec 23 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文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
JS对象与JSON格式数据相互转换
2012/02/20 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
JavaScript DOM节点添加示例
2014/07/16 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
微信小程序 下拉菜单简单实例
2017/04/13 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
Python采用Django开发自己的博客系统
2020/09/29 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
使用python获取邮箱邮件的设置方法
2019/09/20 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
挪威户外活动服装和装备购物网站:Bergfreunde挪威
2016/10/20 全球购物
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
VisionPros美国站:加拿大在线隐形眼镜和眼镜零售商
2020/02/11 全球购物
留学自荐信的技巧
2013/10/17 职场文书
外语学院毕业生的自我鉴定
2013/11/28 职场文书
大一期末自我鉴定
2013/12/13 职场文书
仓库组长岗位职责
2014/01/29 职场文书
幼儿教师研修感言
2014/02/12 职场文书
幼儿评语大全
2014/04/30 职场文书
文明城市创建标语
2014/06/16 职场文书
介绍信格式样本
2015/05/05 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
nginx配置指令之server_name的具体使用
2022/08/14 Servers