窗口的弹出与关闭 

<!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>

弹出窗口，以及关闭窗口

posted on 2017-03-09 10:27  程序猿？  阅读(262)  评论(0)  编辑  收藏  举报

导航