打开关闭窗口

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打开关闭窗口</title>
        <style type="text/css">
            
        </style>
    </head>
    <body>
        <div class="open">
            点我打开窗口
        </div>
        <div class="close">
            点我关闭窗口
        </div>
        <a href="http://www.baidu.com" target="kk">dsadsa</a>
    </body>
    <script type="text/javascript">
        var opendiv=document.querySelector(".open");
        var closediv=document.querySelector(".close");
        opendiv.onclick = function () {
            //通过window.open()来打开一个新的窗口
            //第一个传输可以给链接地址，用于打开新的窗口的默认地址
            //第二个参数和a标签的target属性一样
            //窗口的特征，打开新的窗口的一些属性，例如宽高
            //第三个参数是窗口特征，常用的有top（新窗口的距离屏幕上边的位置），left（新窗口的距离屏幕左边边的位置），width，height(新窗口的宽高)）
            var newwindow = window.open("http://www.baidu.com","_blank","height=300,width=300");
            newwindow.moveTo(200,100);
//          setTimeout(function(){
//              newwindow.close();
//          },2000);
        }
        closediv.onclick = function () {
            //关闭当前窗口
            window.close();
        }
        //在JS里面，声明的全局变量或者没有绑定事件的方法，一般都会成为window对象的属性
        
        //moveTo moveBy
        //可以修改窗口的位置，moveTo是将窗口移动到某个位置，moveBy是在原有的基础上增加一个距离
    </script>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容