window.returnValue和showModalDialog实现弹出有模式窗体

本文详细介绍了JavaScript中returnValue属性的使用方法及应用场景。通过示例代码展示了如何利用window.showModalDialog函数打开模式窗口,并通过returnValue返回值实现窗口间的数据交互。

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

  returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:

1、parent.html

1.<html xmlns="http://www.w3.org/1999/xhtml">   
2.<head runat="server">   
3.    <title></title>   
4.    <script type="text/javascript">   
5.        function openNewWeb() {   
6.            var winValue = window.showModalDialog("WebForm1.aspx", null, "dialogHeight=200px,dialogWidth=200px,center=1");   
7.            document.getElementById("result").innerText = winValue;   
8.  
9.        }   
10.    </script>   
11.  
12.</head>   
13.<body>   
14.    <form id="form1" runat="server">   
15.    <input id="Button1" type="button" value="button" onclick="openNewWeb()" />   
16.    <div id="result">   
17.    </div>   
18.    </form>   
19.</body>   
20.</html>  

 
2、child.html

2

.<html xmlns="http://www.w3.org/1999/xhtml">   
3.<head runat="server">   
4.    <title></title>   
5.  
6.    <script type="text/javascript">   
7.        function returnResult() {   
8.            window.returnValue = document.getElementById("txtUserName").value;   
9.            window.close();   
10.        }   
11.    </script>   
12.  
13.</head>   
14.<body>   
15.    <form id="form1" runat="server">   
16.    <input id="txtUserName" type="text" />   
17.    <input id="btn" type="button" value="button34" onclick="returnResult()" />   
18.    </form>   
19.</body>   
20.</html> 

 

 

 

window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");

  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值