子页面是父页面通过window.open弹出

最新推荐文章于 2022-09-03 10:26:29 发布

转载最新推荐文章于 2022-09-03 10:26:29 发布 · 475 阅读

本文介绍了一种通过JavaScript在子页面中修改父页面输入框内容的方法，具体步骤包括创建两个HTML文件，分别实现父页面和子页面的功能，以及通过事件监听在子页面操作父页面元素的值。

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

1.父页面代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档title>
head>
<script language="javascript">
function tanchu()
{
    window.open("Untitled-5.html");
}
script>
<body>
    <form id="form1" name="form1" method="post" action="">
        <label> <input type="submit" name="button" id="button" value="提交"
            onclick="tanchu()" />
        label> <label> <input type="text" name="textfield" id="textfield" />
        label>
    form>
</body>
</html>
2.子页面代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档title>
head>
<script language="javascript">
function aaa()
{
    window.opener.document.getElementById("textfield").value='123123123';
}
script>
<body>
    <form id="form1" name="form1" method="post" action="">
        <label> <input type="submit" name="button" id="button" value="提交"
            onclick="aaa()" />
        label>
    form>
</body>
</html>