JavaScript BOM：Window对象与打开关闭有关的方法、open、close

最新推荐文章于 2024-01-02 20:17:39 发布

原创最新推荐文章于 2024-01-02 20:17:39 发布 · 351 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文深入讲解了JavaScript中与窗口操作相关的方法，包括如何使用close()和open()方法来关闭和打开浏览器窗口。通过实例演示了如何通过按钮点击事件触发新窗口的打开与关闭，为前端开发者提供了实用的代码片段。

Window与打开关闭有关的方法:

close()关闭浏览器窗口。
谁调用，就关谁
open()打开个新的浏览器窗口
返回新的Window对象

<body>
    <input type="button" value="打开新窗口" id="newwind">
    <input type="button" value="关闭打开的窗口" id="closewind">
</body>

<script>

    var openBtn= document.getElementById("newwind");
    var newWindow;
    
    openBtn.onclick = function () {
        //打开新窗口
        newWindow = open("https://www.baidu.com");
    }

    var closeBtn = document.getElementById("closewind");
    closeBtn.onclick =function () {
        //关闭新窗口
        newWindow.close();
    }

</script>