关于JS中window.close()关不了页面的问题

最新推荐文章于 2023-01-09 20:33:18 发布

菜鸟一缕清风

最新推荐文章于 2023-01-09 20:33:18 发布

阅读量1.9w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript open close

本文链接：https://blog.youkuaiyun.com/fengshoudong/article/details/80688223

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript中的window.close()来关闭页面，并提供了具体的代码示例。值得注意的是，该方法仅能关闭由JavaScript创建的窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

特别注意：JavaScript中的window.close()命令是用来关闭页面的。但它只能关闭由JavaScript中的open()命令创建的页面。如果要关闭一个不是由JS创建的页面，可用open特性在前面加：window.open(”,’_self’)，为阻止弹出的页面，可以前加：window.opener=null;　
注意：各浏览器之前的兼容性较差
如以下代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<img width="220" height="150" src="img/鲜花.jpg"/><br/>
鲜花编号：1000<br/>
花材包装：精品包装<br/>
市场价格：1000<br/>
<p style="text-align: right;"><a href="javascript:history.back()">返回主页</a> </p>
<span onclick="close_main();">关闭</span>
<script type="text/javascript">
    function close_main(){
        window.close();
    }
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body onload="open_flower()">
    <img height="150" width="220" src="img/鲜花.jpg" alt="鲜花"/><br/>
    <a href="javascript:location.href='flower.html'">查看鲜花详情</a>
    <span onclick="open_flower();">查看鲜花详情</span>
    <span onclick="close_main();">关闭</span>
    <script type="text/javascript">
        function open_flower(){
        window.open("flower.html","flower","height=350,width=300,location=0,status=0,menubar=0,titlebar=0");
        }
        function close_main(){
            window.opener=null;
            window.open('','_self');
            window.close();
        }
    </script>
</body>
</html>