Skip to content

window.close()兼容性解决方案

发现 window.close()在 mac 的 Safari 下无效,所以做一下总结

总结介绍

序号关闭代码需要确认无任何作用无需确认测试
1window.close()IE7firefox,chrome, safariOperaClose
2window.opener=null; window.open('','_self'); window.close();firefoxIE7,Opera, chrome,safariClose
3window.open('','_self'); window.close();firefoxIE7,Opera, chrome,safariClose
4window.opener=null; window.close();IE7firefox,safarichrome,OperaClose
5var opened=window.open('about:blank','_self'); opened.opener=null; opened.close();firefoxsafari,IE7, chrome,OperaClose
6var opened=window.open('about:blank','_self'); opened.close();safari,firefoxfirefox,IE7, chrome,OperaClose

用多种方式打开一个页面,然后用 window.close() 关闭它,在各浏览器下表现有所不同。如在地址栏中直接输入URL 时,Firefox Chrome Safari 下调用 window.close() 关闭页面无效。再如 Ctrl + 点击链接打开的窗口,Firefox 下无法通过调用 window.close() 来关闭。

差异总结

地址栏输入URL点击链接Ctrl键+点击链接window.openwindow.showModalDialog
IE6提示窗口关闭直接关闭直接关闭直接关闭直接关闭
IE7/8直接关闭提示窗口关闭提示窗口关闭直接关闭直接关闭
Firefox不关闭,无提示直接关闭不关闭,无提示直接关闭直接关闭
Safari不关闭,无提示直接关闭直接关闭直接关闭直接关闭
Chrome不关闭,无提示直接关闭直接关闭直接关闭直接关闭
Opera直接关闭直接关闭直接关闭直接关闭不支持

Safari 无法关闭

亲测有效

js
var opened=window.open('about:blank','_self');
 opened.opener=null;
 opened.close();

Firefox 无法关闭

不是JS代码 window.close()的问题,而是 Firefox 的配置问题,解决方法如下: 在Firefox 地址栏里输入 about:config 在配置列表中找到 dom.allow_scripts_to_close_windows 点右键的选切换把上面的 false 修改为true 即可。 注:默认是 false,是为了防止脚本乱关窗口

另附代码:

js
//为了不出现提示框 
window.opener = null;
//关闭窗口
window.close();