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 相关文章推荐
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
模拟select的代码
Oct 19 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
BootStrap表单验证实例代码
Jan 13 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
对vue v-if v-else-if v-else 的简单使用详解
Sep 29 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
iview的table组件自带的过滤器实现
Jul 12 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
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
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
学习ExtJS 访问容器对象
2009/10/07 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
2015/09/08 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
2016/05/26 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
利用Python循环(包括while&amp;for)各种打印九九乘法表的实例
2017/11/06 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
python psutil模块使用方法解析
2019/08/01 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
Clearly澳大利亚:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
ORACLE十问
2015/04/20 面试题
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
父亲生日宴会答谢词
2014/01/10 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
学生检讨书
2015/01/27 职场文书
院系推荐意见
2015/06/05 职场文书
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers