javascript 实现子父窗体互相传值的简单实例

 更新时间:2014年02月17日 09:13:07   作者:  
本篇文章主要是对javascript 实现子父窗体互相传值的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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://www.jb51.net";
</script>

相关文章

  • 让JavaScript代码更加精简的方法技巧

    让JavaScript代码更加精简的方法技巧

    这篇文章主要介绍了让JavaScript代码更加精简的方法技巧,文章通过使用 JavaScript对象解构来节省代码,JavaScript 对象解构赋值在项目开发中是一个常用的技能。下文实现过程需要的小伙伴可以参考一下
    2022-06-06
  • Markdown与Bootstrap相结合实现图片自适应属性

    Markdown与Bootstrap相结合实现图片自适应属性

    Markdown 是一种轻量级的标记语言,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。接下来通过本文给大家介绍Markdown与Bootstrap相结合实现图片自适应属性,感兴趣的朋友一起学习吧
    2016-05-05
  • 详解json串反转义(消除反斜杠)

    详解json串反转义(消除反斜杠)

    这篇文章主要介绍了详解json串反转义(消除反斜杠),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • javascript中几个容易混淆的概念总结

    javascript中几个容易混淆的概念总结

    这篇文章主要介绍了javascript中几个容易混淆的概念总结,都是平时经常遇到的问题,这里推荐给大家,有需要的小伙伴参考下吧。
    2015-04-04
  • 如何防止INPUT按回车自动提交表单FORM

    如何防止INPUT按回车自动提交表单FORM

    为了防止INPUT按回车form自动提交,可以以下两种方法:增加一个隐藏的input。为input增加一个按键事件来阻止form提交。具体详情可以参考下本文
    2016-12-12
  • js scrollTop如何到达指定位置

    js scrollTop如何到达指定位置

    很早之前就想分享这篇心得,幸之今天能在这里完成,好了,话不多说,进入正题。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • JS限制文本框只能输入数字和字母方法

    JS限制文本框只能输入数字和字母方法

    这篇文章主要介绍了JS限制文本框只能输入数字和字母方法,本文给出了限制只能输入数字、限制只能输入字母、限制只能输入数字和字母3种脚本,需要的朋友可以参考下
    2015-02-02
  • 深入浅析ES6 Class 中的 super 关键字

    深入浅析ES6 Class 中的 super 关键字

    本文给大家收藏整理了ES6 Class 中的 super 关键字,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-10-10
  • Javascript 调试利器 Firebug使用详解六

    Javascript 调试利器 Firebug使用详解六

    有时候,为了更清楚方便的查看输出信息,我们可能需要将一些调试信息进行分组输出,那么可以使用console.group来对信息进行分组,在组信息输出完成后用console.groupEnd结束分组。
    2009-07-07
  • 教你如何解密js/vbs/vbscript加密的编码异处理小结

    教你如何解密js/vbs/vbscript加密的编码异处理小结

    教你如何解密js/vbs/vbscript加密的编码异处理加密代码 是一篇非常不错的加密解密原理,希望大家仔细研究
    2008-06-06

最新评论