JavaScript：点击按钮打开/关闭网页

最新推荐文章于 2022-09-27 11:42:28 发布

郎家岭伯爵

最新推荐文章于 2022-09-27 11:42:28 发布

阅读量3.2k

点赞数

分类专栏：网页技术相关文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43203591/article/details/119669801

版权

网页技术相关专栏收录该内容

12 篇文章 1 订阅

订阅专栏

背景

使用JavaScript实现点击按钮打开指定网页，点击另一个按钮关闭之前打开的网页。

实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Window对象</title>
</head>
<body>
    <input id = "openBtn" type = button value="打开窗口">
    <input id = "closeBtn" type="button" value="关闭窗口">
    <script>
        var openBtn = document.getElementById("openBtn");
        var newWindow;
        openBtn.onclick = function (){
            newWindow = open("https://www.baidu.com");
        }

        var closeBtn = document.getElementById("closeBtn");
        closeBtn.onclick = function (){
            newWindow.close();
        }
    </script>
</body>
</html>