跨页面的操作

最新推荐文章于 2023-12-06 10:52:07 发布

zhangshengsky

最新推荐文章于 2023-12-06 10:52:07 发布

阅读量381

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/zhangshengsky/article/details/72667634

版权

JS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

页面一：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
        <head>
            <meta charset="UTF-8">
            <title>Title</title>
        </head>
        <body>
        姓名：<input type="text" id = "name"></br>
        年龄：<input type="text" id = "age"></br>
        <input type="button" value="选择" οnclick="xz()">

        <script type="text/javascript">
            function  xz() {
                var box = open("01.html","_blank","width=400,height=300")
            }
        </script>
        </body>
</html>

子页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1px">
      <tr>
          <td>001</td>
          <td>张大</td>
          <td>21</td>
          <td><input type="button" value="选择" οnclick="xz1('张大','21')"></td>
      </tr>
      <tr>
          <td>002</td>
          <td>张二</td>
          <td>22</td>
          <td><input type="button" value="选择" οnclick="xz1('张二','22')"></td></tr>
      <tr>
          <td>003</td>
          <td>张三</td>
          <td>23</td>
          <td><input type="button" value="选择" οnclick="xz1('张三','23')"></td></tr>
</table>
  <script type="text/javascript" >
      function xz1(num1,num2) {
          var s = window.opener;
          s.document.getElementById('name').value=num1;
          s.document.getElementById('age').value=num2;
          close();
      }
  </script>
</body>
</html>