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>

  • 相关阅读:
    axios基础用法
    CSS盒子模型
    前端跨域问题解决方案
    跨域-iframe
    swagger UI配置
    React安装和启动
    React 学习笔记
    redis学习笔记
    10个排序算法,待更新
    docker常用命令,持续更新。。。
  • 原文地址:https://www.cnblogs.com/Super-Zhen-/p/6063942.html
Copyright © 2011-2022 走看看