子窗体创建以及子窗体父窗体之间的通信(自己整理)-优快云博客

本文介绍了一个简单的父窗体与子窗体交互的示例，通过使用JavaScript实现了子窗体向父窗体传递数据的功能，并展示了如何在父窗体中接收并显示这些数据。

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

父窗体

子窗体

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<script>
    function setLike(){

        var selectLikes="";

        var likes=document.getElementsByName("like");

        for(var i=0;i<likes.length;i++){
            if(likes[i].checked){
                selectLikes=selectLikes+likes[i].value+";";
            }
        }

        //把值返回给父窗体
        window.returnValue=selectLikes;

        //选择父窗体的方法
        var parent=window.dialogArguments;
        parent.getvalue("123");

        window.close();

    }

</script>
</HEAD>

<BODY>
<br>
<form>

    <input type="checkbox" id="like" name="like" value="1:上网">上网</input>

    <input type="checkbox" id="like" name="like" value="2:游戏">游戏</input>

    <input type="checkbox" id="like" name="like" value="3:旅游">旅游</input>

    <input type="checkbox" id="like" name="like" value="2:编程">编程</input>

    <br>
    <input type="button" value="确认" onclick="setLike();">
    <input type="button" value="关闭" onclick="window.close();">

</form>
</BODY>
</HTML>