• window.open()及window.opener


    file1.php页面,javascript代码
    <script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script>
    <script type="text/javascript">
    function dianJi(){
    //window.open("file2.php","file2","height=100,width=400,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
    window.open("file2.php","file2","height=500,width=800,top=100,left=100,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no");
    }

    function back_db(db2){
    $(
    "input[name='text2']").val(db2);
    }
    </script>

     
    "file2.php" 弹出窗口路径及文件名

    "file2" 弹出窗口的名字,也是弹出窗口的句柄(不是文件名),非必须,可空

    height 窗口高度

    width 窗口宽度

    top 窗口距离屏幕上方的象素值

    left 窗口距离屏幕左侧的象素值

    toolbar=no 是否显示工具栏,yes为显示

    menubar 表示菜单栏

    scrollbars 表示滚动栏

    resizable=no 是否允许改动窗口大小,yes为允许

    location=no 是否显示地址栏,yes为允许

    status=no 是否显示状态栏内的信息(通常是文件已打开)yes为允许

    从命名弹出窗口名称"file2"以后的属性都放在一个双引号里之间用逗号 , 分开,可以使用其中的一个或多个

    HTML代码

    <input type="button" onclick="dianJi()" value="触发"/>
    <input type="text" id="text1" value="hello world!"/>
    <input type="text" name="text2" value="hello!"/>
     

    在file2.php页面可以加入如下js代码,让file2.php一定时间后自动关闭,并且用window.opener调用file1.php页面JS里方法和直接改变file1.php页面元素值。

    <script type="text/javascript">
    function closeit(){
    setTimeout(
    "tiaoZhuan()",10000);//setTimeout()指定时间后运行且只运行一次第一个参数里的方法,单位毫秒
    //setInterval("tiaoZhuan()",10000);//setInterval()每隔指定时间后运行一次,循环运行,单位毫秒
    }

    function tiaoZhuan(){
    var db1="你好世界!";
    var db2="你好!";
    window.opener.document.getElementById(
    "text1").value=db1;
    window.opener.back_db(db2);
    window.close();
    }
    </script>
     

    HTML代码

    <body onload="closeit()">
    ...十秒钟后自动关闭
    </body>
       
  • 相关阅读:
    ubantu系统之jdk切换使用
    Asp.net core 学习笔记 2.1 升级到 2.2
    box-sizing 和 dom width
    Angular 学习笔记 (组件沟通的思考)
    Angular 学习笔记 (久久没有写 angular 常会忘记的小细节)
    Asp.net core 学习笔记 (AutoMapper)
    Angular 学习笔记 (Material Select and AutoComplete)
    Asp.net core (学习笔记 路由和语言 route & language)
    Asp.net core 学习笔记 (library)
    Angular 学习笔记 (Material Datepicker)
  • 原文地址:https://www.cnblogs.com/dreamhome/p/2011425.html
Copyright © 2020-2023  润新知