window.opener.document.getElementById

最新推荐文章于 2021-12-09 23:38:47 发布

原创最新推荐文章于 2021-12-09 23:38:47 发布 · 4.4k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍如何利用window.opener在两个浏览器窗口间传递数据。通过实例演示从父窗口打开子窗口，并从子窗口修改父窗口中特定文本框的值。

window.opener 的用法

　　window.opener 返回的是创建当前窗口的那个父窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：indow.opener.document.getElementById("name").value = "输入的数据";

　　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.getElementByIdx('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>