window.showModalDialog 子窗口數據回填父窗口

時間 2019-11-13

標籤 window.showmodaldialog window showmodaldialog 窗口數據回填欄目 Windows 简体版

原文原文鏈接

window.open 打開窗口時，能夠很輕鬆的取得其父窗口。項目中須要用 showModalDialog打開窗口，想要取得父窗口值，並且還要在 open的基礎上修改爲了避免讓 window.returnValue 所返回的值不是那麼煩索，就要想辦法如何用showModalDialog 打開的窗口取得其父窗口。合理利用 showModalDialog 傳入的參數即可以解決這個問題。javascript

話很少說，看例子：html

父窗口：a.htmljava

<html>
    <head>
        <script type="text/javascript" >
            function showDialog(){
                var param = "dialogWidth:400px;dialogHeight:300px;scroll:no;status:no;resizable:no";
                // 打開 b.html，並將當前 window作爲參數傳入彈出窗口中
                return window.showModalDialog("b.html", window, param);
            }
        </script>
        <title></title>
    </head>
    
    <body>
        <input type="button" value="彈出" onclick="showDialog()"/>
        <input type="text" value="父窗口值" name="farValue" id="farValue" />
    </body>
</html>

子窗口：b.htmlcode

<html>
    <head>
        <script type="text/javascript" >
            function getParValues(){
                // 接收父窗口傳過的 window對象.
                var parWin= window.dialogArguments;
                parWin.document.getElementById("farValue").value = "子窗口改變的值";
            }
        </script>
        <title></title>
    </head>
    
    <body>
        <input type="button" value="改變父窗口值" onclick="getParValues()" />
    </body>
</html>

Done.htm

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。