window.showModelDialog子页面传值给父页面

最新推荐文章于 2024-11-13 17:29:25 发布

转载最新推荐文章于 2024-11-13 17:29:25 发布 · 1.9k 阅读

文章标签：

#html #input #button #function

本文通过一个简单的示例展示了如何使用HTML和JavaScript来实现父窗口与子窗口之间的数据交互。具体包括如何通过JavaScript创建新窗口并从子窗口返回数据到父窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

    <script type="text/javascript">

        function openWindow() {
            var result = window.showModalDialog("childen.html","DialogHeigth=40,DialogWidth:100px,location:no,menubar:no,toolbar:no,status:no");

            if(result)
                document.getElementsByName("content")[0].value=result;
        }

    </script>

</HEAD>

<BODY>
    <input type="button" value="打开新窗口" onclick="openWindow()">
    <hr>
    这是父窗口<br>
    <input type="text" name="content" >
</BODY>
</HTML>

子页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

    <script type="text/javascript">
        function execute() {
            window.returnValue = document.getElementsByName("content")[0].value;
            window.close();
        }
    </script>
</HEAD>

<BODY>
    <input type="text" name="content" value="这是子窗口">
    <input type="button" value="确定" onclick="execute()">
</BODY>
</HTML>