zoukankan      html  css  js  c++  java
  • 网页中window.open 弹出 父页面和子页面数值交互

    //首先建立一个父页面

    <!doctype html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>父页面</title>

    <script>

      function tanchu(){

        window.open("son.html","ziyemian","width=300,height=400,top=200,left=300,toobar=no,menubar=no,scrollbars=no,location=no,status=no");

      }

      function reTurn(){

        return document.getElementById("aaa");

      }

    </script>

    </head>

    <body>

      <input value="提交" id ="button" type="button" onclick="tanchu()"/>

      <input type="text" id="bbb">

      <input type="text" id="ddd" value="123456">

    </body>

    </html>

    //son.html

    <!doctype html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

    <title>子页面</title>

    </head>

    <body>

      <script>

        function aaa(){

          window.opener.document.getElementById("bbb").value="123123123";//向父页面传值

          //获取父级页面的的值

          //window.opener.a();   调用父级页面的方法

          alert(window.opener.a().value);

          window.opener.location.reload(); //刷新父级页面

        }

      </script>

      <input type="button" id="button" value="提交" onclick="aaa()">

      <input type="button" value="返回" onclick="top.close()">  //点击返回按钮关闭 页面

    </body>

      <script>

        //当页面的关闭的时候,执行的方法

        window.onbeforeunload = function(){

          window.opener.document.getElementById("bbb").value="123123123qweqwe123";

        }

    </script>

    </html>

  • 相关阅读:
    SQLite3 of python
    爬虫半成品
    python初体验 ——>>> 模拟体育竞技
    文件操作
    numpy 库简单使用
    numpy 与 matplotlib 的应用
    面向对象的详细解读
    使用python进行微信好友分析
    我的第一个爬虫实验
    排球训练营
  • 原文地址:https://www.cnblogs.com/Super-Zhen-/p/6063942.html
Copyright © 2011-2022 走看看