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

returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:
1.parent.html
<html xmlns="http://www.w3.org/1999/xhtml">   
<head runat="server">   
    <title></title>   
    <script type="text/javascript">   
        function openNewWeb() {   
            var winValue = window.showModalDialog("WebForm1.aspx", null, "dialogHeight=200px,dialogWidth=200px,center=1");   
            document.getElementById("result").innerText = winValue;   
  
        }   
    </script>   
  
</head>   
<body>   
    <form id="form1" runat="server">   
    <input id="Button1" type="button" value="button" onclick="openNewWeb()" />   
    <div id="result">   
    </div>   
    </form>   
</body>   
</html>  


2.child.html
<html xmlns="http://www.w3.org/1999/xhtml">   
<head runat="server">   
    <title></title>   
  
    <script type="text/javascript">   
        function returnResult() {   
            window.returnValue = document.getElementById("txtUserName").value;   
            window.close();   
        }   
    </script>   
  
</head>   
<body>   
    <form id="form1" runat="server">   
    <input id="txtUserName" type="text" />   
    <input id="btn" type="button" value="button34" onclick="returnResult()" />   
    </form>   
</body>   
</html>  


你可能感兴趣的:(JavaScript,html,IE)