关闭当前浏览器选项卡javascript代码
栏目: JavaScript · 发布时间: 7年前
内容简介：Firefox火狐浏览器默认情况下，windows.close()对于非window.open的页面无效，需要windows.close()生效需要修改浏览器的配置，即在firefox浏览器的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true，但是这对于网站来说，不可能去修改用户的浏览器设置的，因此还是要通过前端代码解决。既然Firefox浏览器不支持window.close()，但是可以通过打开新空白选项卡about
Firefox火狐浏览器默认情况下，windows.close()对于非window.open的页面无效，需要windows.close()生效需要修改浏览器的配置，即在firefox浏览器的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true，但是这对于网站来说，不可能去修改用户的浏览器设置的，因此还是要通过前端代码解决。
既然Firefox浏览器不支持window.close()，但是可以通过打开新空白选项卡about:blank的方式实现关闭当前选项卡，虽然不是真正意义上的关闭当前窗口，但也算是伪关闭吧。
javascript代码：
function pageClose(){
if (navigator.userAgent.indexOf("MSIE") > 0) {
if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
window.opener = null;
window.close();
} else {
window.open('', '_top');
window.top.close();
}
}
else if (navigator.userAgent.indexOf("Firefox") > 0) {
window.location.href = 'about:blank ';
} else {
window.opener = null;
window.open('', '_self', '');
window.close();
}
}
关闭按钮html代码：
<a class="close" href="javascript:void(0);" onclick="pageClose();">关闭</a>
附：window.close();对于各浏览器窗口关闭的支持情况
| 序号 | 关闭代码 | 需要确认 | 无任何作用 | 无需确认 |
|---|---|---|---|---|
| 1 | window.close() | IE7 |
firefox,chrome, safari |
Opera |
| 2 |
window.opener=null; window.open('','_self'); window.close(); |
firefox |
IE7,Opera， chrome,safari |
|
| 3 |
window.open('','_self'); window.close(); |
firefox |
IE7,Opera， chrome,safari |
|
| 4 |
window.opener=null; window.close(); |
IE7 | firefox，safari | chrome,Opera |
| 5 |
var opened=window.open('about:blank','_self'); opened.opener=null; opened.close(); |
firefox |
safari,IE7, chrome,Opera |
|
| 6 |
var opened=window.open('about:blank','_self'); opened.close(); |
safari,firefox |
firefox，IE7, chrome,Opera |
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
运营之光 2.0
黄有璨 / 电子工业出版社 / 2017-4 / 99
在互联网行业内，“运营”这个职能发展到一定阶段后，往往更需要有成熟的知识体系和工作方法来给予行业从业者以指引。 《运营之光：我的互联网运营方法论与自白 2.0》尤其难得之处在于：它既对“什么是运营”这样的概念认知类问题进行了解读，又带有大量实际的工作技巧、工作思维和工作方法，还包含了很多对于运营的思考、宏观分析和建议，可谓内容完整而全面，同时书中加入了作者亲历的大量真实案例，让全书读起来深入......一起来看看 《运营之光 2.0》 这本书的介绍吧!
