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

最新推荐文章于 2021-11-03 22:08:30 发布

原创最新推荐文章于 2021-11-03 22:08:30 发布 · 255 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#IE #JavaScript #HTML #ViewUI

Web前端专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JavaScript中returnValue属性的作用及使用方法。通过一个具体的示例，展示了如何利用此属性从一个模式对话框返回值到父窗口。

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>