window.showModalDialog的传值和返回值

window.showModalDialog的传值和返回值

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 等等,还可以取到前一个页面上任何元素的值.如下面的代码所示:

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

在WebFromB.aspx页面 我们可以取到 names 和a 的值还可以取到WebFromA的值.,还可以给它赋值.
整体的代码如下:
WebFromA.aspx

<% @ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormA.aspx.cs" Inherits="_5demo.ShowDig.WebFormA"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
     < script  language =javascript >
    function fnA()
    {
        names = new Array(3);
        names[0] = "chenzhifeng";
        names[1] = "chenjiang";
        
        a= "shuhui";
     temp=   window.showModalDialog("WebFormB.aspx",window);
       // alert(a);
       document.getElementById("t3").value = temp;
    }
     </ script >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
     < input  type =text  value  ="feng"  id  = "t1"   />
     < br  />
    
     < input  type =text  value  ="chen"  id  = "t2"   />
     < input  type =button  value  = "Click Me"  onclick  ="fnA();"  id  = "btn1"   />
     < p >
    返回值： < input  type  = "text"  id = "t3"   />
     </ div >
     </ form >
</ body >
</ html >

WebFormB.aspx 如下:

<% @ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormB.aspx.cs" Inherits="_5demo.ShowDig.WebFormB"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
     < script  language  =javascript >
   // alert(window.dialogArguments.names);
    alert(window.dialogArguments.a );
   // alert(window.dialogArguments.document.form1.t1.value)
    window.dialogArguments.a = "Hello World"; 　//可以改变WebFromA里面的变量的值
    window.dialogArguments.document.form1.t1.value  = "t1";//可以修改WebFrom1里面的TextBox的value;
   
   
     </ script >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
     < input  type =text  id  = "tt"  value  = "Hello ZiFeng" />
     < script  language  =javascript >
    window.returnValue = document.getElementById("tt").value;
    window.close();
     </ script >
     </ div >
     </ form >
</ body >
</ html >

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

J-CN工作室
www.j-cn.org