window.close() 网页关闭（解决window.close()在火狐下不兼容问题）

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

转载最新推荐文章于 2023-07-24 09:53:44 发布 · 7.7k 阅读

javascript_html5 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了使用window.close()方法在不同浏览器（如IE、Firefox、Safari、Chrome和Opera）中关闭窗口的行为差异，并提供了针对特定浏览器的有效解决方案。

序号	关闭代码	需要确认	无任何作用	无需确认	测试
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	直接关闭	直接关闭	直接关闭	直接关闭	不支持

针对chrome浏览器，可以在编写如下代码，使之生效：

window.open('','_self','');
window.close();

先通过window.open()在本窗口打开一个页面，然后再通过window.close()方法关闭。这应验了这句话：“只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭”。

这段代码对IE和chrome都是有效的，但是在firefox下面无效。需要对firefox进行如下操作：

1.在Firefox地址栏里输入 about:config

      2.在配置列表中找到 dom.allow_scripts_to_close_windows 
      3.点右键的选切换把上面的false修改为true即可。 
	   注：默认是false，是为了防止脚本乱关窗口

	  FireFox中做如此设置以后，直接使用“window.close()”即可对窗口关闭。