窗口的弹出与关闭

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了窗口的弹出与关闭相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            /*margin: 0;*/
        }
        #div1{
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<div id="div1" onmouseover="getInfo(this)" onmouseout="this.innerHTML=‘‘">

</div>
<button onclick="getInfo()">获取div信息</button>

<hr/>
<a href="111.html" target="_blank">我是超链接</a>
<br/><br/>
<button onclick="myopen1()">新窗口111111111</button>
<button onclick="myopen2()">新窗口222222222</button>
<button onclick="myopen3()">新窗口333333333</button>

<hr/>
<button onclick="myclose()">关掉子窗口</button>

<script>
    var mywin;
    function myclose(){
        if(mywin)
            mywin.close();
    }
    function myopen3(){
        mywin = window.open(‘333.html‘, ‘news‘, ‘resizable=no‘);
    }
    function myopen2(){
        mywin = window.open(‘222.html‘, ‘news‘, ‘resizable=no‘);
    }
    function myopen1(){
        mywin = window.open(‘111.html‘, ‘news‘, ‘resizable=no‘);
    }
    function getInfo(obj){
//        var div1 = document.getElementById(‘div1‘);

        obj.innerHTML = obj.offsetWidth+‘,,‘+obj.offsetHeight;
        obj.innerHTML += ‘<br>‘+obj.offsetLeft+‘,,‘+obj.offsetTop;
        // offsetXXX 只能读取不能赋值修改
        obj.offsetWidth = obj.offsetWidth+100;
        // 下面的属性已经不能用了
//        obj.innerHTML += ‘<br>‘+obj.innerWidth+‘,,‘+obj.innerHeight;
    }
</script>
</body>
</html>

弹出窗口,以及关闭窗口

以上是关于窗口的弹出与关闭的主要内容,如果未能解决你的问题,请参考以下文章

如果您打开另一个弹出窗口,请关闭打开的弹出窗口

html 超级简单的代码,用于添加带有在关闭时创建的cookie的弹出窗口。

自动关闭kivy中的弹出窗口

需要关闭所有在舞台上打开的弹出窗口。动作脚本 3

如何迅速解除父母的弹出窗口

关闭表单提交时打开的弹出窗口并触发单击父窗口