关于js中close()方法的兼容性问题

最新推荐文章于 2023-07-24 09:53:44 发布

原创最新推荐文章于 2023-07-24 09:53:44 发布 · 925 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在不同浏览器（Chrome、IE、Firefox）中使用JavaScript进行窗口操作时的兼容性问题，特别是在关闭窗口功能上的差异。通过修改Firefox的配置项dom.allow_scripts_to_close_windows，可以使关闭窗口的功能在所有主流浏览器上正常工作。

先说现象和解决办法：

在Chrome中点击“关闭当前窗口”后当前窗口会直接关闭

在ie（7及以上）中点击“关闭当前窗口”后会出现一个对话框再关闭

在Firefox中点“打开新窗口”后，点“关闭新窗口”没有问题，点击“关闭当前窗口”后页面没反应，

控制台会输出

解决办法：在浏览器地址栏中输入 about:config 在配置列表中找到 dom.allow_scripts_to_close_windows
右键点击切换，false变为true就行啦

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
打开新窗口:打开一个新的窗口<br>
关闭新窗口:关闭之前打开的新窗口<br>
关闭窗口:关闭当前窗口<br>
<input type="button" value="打开新窗口">
<input type="button" value="关闭新窗口">
<input type="button" value="关闭当前窗口">
<script>
    var oBtn = document.getElementsByTagName("input");
    var opener = null;
    oBtn[0].onclick = function () {
        opener = open();
    };
    oBtn[1].onclick = function () {
        opener.close();
    };
    oBtn[2].onclick = function () {
        close();
    };
</script>
</body>
</html>