父页面通过Window.open打开子页面，并且获取子页面传过来的值

最新推荐文章于 2025-05-28 09:58:39 发布

原创最新推荐文章于 2025-05-28 09:58:39 发布 · 2.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#页面传值

本文介绍了一种使用JavaScript实现的父窗体与子窗体之间的数据交互方法。通过创建子窗体并利用window.open和window.opener进行通信，父窗体能够接收来自子窗体的数据。子窗体中的链接被设置为点击事件，当用户点击时，会调用getValue函数将数据传回给父窗体。

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

父页面

<html>
<head> 
<title> parent </title> 
<script language="JavaScript">
    function method(){ 
        window.open("child.html"); 
    } 
</script > 
</head>
<body>
<form method=post action="" >
    <input type="text" name="" id="text1"><br> 
</form > 
    <input type="button" value="foward" onclick="method()"> 
</body> 
</html>

子页面

<html>
<head> 
<title>child</title> 
<script language="JavaScript"> 
    function getValue(str){
        window.opener.document.getElementById("text1").value=str; window.close();
    } 
</script > 
</head> 
<body> 
    <a href="" onclick="getValue('11')">11</a > 
    <a href="" onclick="getValue('22')">22</a > 
    <a href="" onclick="getValue('33')">33</a > 
    <a href="" onclick="getValue('44')">44</a > 
</body>
</html>