JS中showModalDialog 和 window.open详细说明（传参数返回参数的使用）

最新推荐文章于 2019-04-06 20:52:21 发布

weixin_34004576

最新推荐文章于 2019-04-06 20:52:21 发布

阅读量198

点赞数

文章标签： xhtml c# python

原文链接：https://my.oschina.net/rouchongzi/blog/113866

版权

2019独角兽企业重金招聘Python工程师标准>>>

window.showModalDialog(URL,dialogArgments.features)

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

在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 >