window.close()兼容性解决方案
发现 window.close()在 mac 的 Safari 下无效,所以做一下总结
总结介绍
| 序号 | 关闭代码 | 需要确认 | 无任何作用 | 无需确认 | 测试 |
|---|---|---|---|---|---|
| 1 | window.close() | IE7 | firefox,chrome, safari | Opera | Close |
| 2 | window.opener=null; window.open('','_self'); window.close(); | firefox | IE7,Opera, chrome,safari | Close | |
| 3 | window.open('','_self'); window.close(); | firefox | IE7,Opera, chrome,safari | Close | |
| 4 | window.opener=null; window.close(); | IE7 | firefox,safari | chrome,Opera | Close |
| 5 | var opened=window.open('about:blank','_self'); opened.opener=null; opened.close(); | firefox | safari,IE7, chrome,Opera | Close | |
| 6 | var opened=window.open('about:blank','_self'); opened.close(); | safari,firefox | firefox,IE7, chrome,Opera | Close |
用多种方式打开一个页面,然后用 window.close() 关闭它,在各浏览器下表现有所不同。如在地址栏中直接输入URL 时,Firefox Chrome Safari 下调用 window.close() 关闭页面无效。再如 Ctrl + 点击链接打开的窗口,Firefox 下无法通过调用 window.close() 来关闭。
差异总结
| 地址栏输入URL | 点击链接 | Ctrl键+点击链接 | window.open | window.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();