window.showModalDialog的传值和返回值

本文介绍如何使用window.showModalDialog方法打开新窗口并实现窗口间的参数传递及返回值处理。通过示例展示了如何设置对话框特性,并在两个页面间交换数据。

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

window.showModalDialog(URL,dialogArgments.features) 打开一个新窗口

URL为要开启的网页名字。
dialogArgments为设定好传递给新视窗网页的参数,可以为任意数据类型。
feature 与open()的类似,都是格式方面的设定。调用格式为featureName1:featureValue1:(分号)featureName2:featureValue2:

关于feature具体的参数我就不详细写了,看名字就应该知道什么用处了吧。
certer , dialogHeight, dialogLeft,dialogTop,dialogWidth,help(是否显示help按钮,下同),status,resizeable
值=1为yes,0为no.

我认为最重要的是dialogArgments,可以传递值到新的窗口。
第二重要就是 它的返回值 window.returnValue.可以在showModalDialog开启的窗口关闭后前,回传一个任意类型的值。

dialogArgments  可以传入一个变量,但是 我认为最好是传入一个window 这样的话,不光你可以调用你前面定义的变量names 和a 等等,还可以取到前一个页面上任何元素的值.如下面的代码所示:

ExpandedBlockStart.gifContractedBlock.gif   <script language =javascript>dot.gif
InBlock.gif    alert(window.dialogArguments.names);
InBlock.gif    alert(window.dialogArguments.a );
InBlock.gif   
// alert(window.dialogArguments.document.form1.t1.value)
InBlock.gif
    window.dialogArguments.a = "Hello World";  //可以改变WebFromA里面的变量的值
InBlock.gif
    window.dialogArguments.document.form1.t1.value  = "t1";//可以修改WebFrom1里面的TextBox的value;
InBlock.gif
   
InBlock.gif   

在WebFromB.aspx页面 我们可以取到 names 和a 的值还可以取到WebFromA的值.,还可以给它赋值.
整体的代码如下:
WebFromA.aspx
ExpandedBlockStart.gifContractedBlock.gif<%dot.gif@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormA.aspx.cs" Inherits="_5demo.ShowDig.WebFormA" %>
None.gif
None.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
None.gif
None.gif
<html xmlns="http://www.w3.org/1999/xhtml" >
None.gif
<head runat="server">
None.gif    
<title>无标题页</title>
ExpandedBlockStart.gifContractedBlock.gif    
<script language=javascript>dot.gif
InBlock.gif    
function fnA()
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        names 
= new Array(3);
InBlock.gif        names[
0= "chenzhifeng";
InBlock.gif        names[
1= "chenjiang";
InBlock.gif        
InBlock.gif        a
= "shuhui";
InBlock.gif     temp
=   window.showModalDialog("WebFormB.aspx",window);
InBlock.gif       
// alert(a);
InBlock.gif
       document.getElementById("t3").value = temp;
ExpandedSubBlockEnd.gif    }

ExpandedBlockEnd.gif    
</script>
None.gif
</head>
None.gif
<body>
None.gif    
<form id="form1" runat="server">
None.gif    
<div>
None.gif    
<input type=text value ="feng" id = "t1" />
None.gif    
<br />
None.gif    
None.gif    
<input type=text value ="chen" id = "t2" />
None.gif    
<input type=button value = "Click Me" onclick ="fnA();" id = "btn1" />
None.gif    
<p>
None.gif    返回值:
<input type = "text" id= "t3" />
None.gif    
</div>
None.gif    
</form>
None.gif
</body>
None.gif
</html>
None.gif

WebFormB.aspx 如下:
ExpandedBlockStart.gifContractedBlock.gif<%dot.gif@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormB.aspx.cs" Inherits="_5demo.ShowDig.WebFormB" %>
None.gif
None.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
None.gif
None.gif
<html xmlns="http://www.w3.org/1999/xhtml" >
None.gif
<head runat="server">
None.gif    
<title>无标题页</title>
ExpandedBlockStart.gifContractedBlock.gif    
<script language =javascript>dot.gif
InBlock.gif   
// alert(window.dialogArguments.names);
InBlock.gif
    alert(window.dialogArguments.a );
InBlock.gif   
// alert(window.dialogArguments.document.form1.t1.value)
InBlock.gif
    window.dialogArguments.a = "Hello World";  //可以改变WebFromA里面的变量的值
InBlock.gif
    window.dialogArguments.document.form1.t1.value  = "t1";//可以修改WebFrom1里面的TextBox的value;
InBlock.gif
   
InBlock.gif   
ExpandedBlockEnd.gif    
</script>
None.gif
</head>
None.gif
<body>
None.gif    
<form id="form1" runat="server">
None.gif    
<div>
None.gif    
<input type=text id = "tt" value = "Hello ZiFeng"/>
ExpandedBlockStart.gifContractedBlock.gif    
<script language =javascript>dot.gif
InBlock.gif    window.returnValue 
= document.getElementById("tt").value;
InBlock.gif    window.close();
ExpandedBlockEnd.gif    
</script>
None.gif    
</div>
None.gif    
</form>
None.gif
</body>
None.gif
</html>
None.gif

在WebFormB.aspx中 window.returnValue是用于 返回给WebFromA.aspx的值.
在WebFromA.aspx中,可以用一个变量来接收这个值 temp=   window.showModalDialog("WebFormB.aspx",window);

转载于:https://www.cnblogs.com/86188281/archive/2007/06/15/784682.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值