javascript 实现子父窗体互相传值

本文详细介绍了window.showModalDialog()方法的使用技巧,包括如何指定对话框的URL、传递参数及设置对话框属性等内容,并提供了示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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="http://justflyhigh.com";

        </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值