window.close(); 关闭浏览器窗口js代码的分析总结

红太狼 2022-05-14 09:26 253阅读 0赞

<table style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px; text-align:left"> 
 <tbody> 
  <tr> 
   <th>序号</th> 
   <th>关闭代码</th> 
   <th>需要确认</th> 
   <th>无任何作用</th> 
   <th>无需确认</th> 
   <th>测试</th> 
  </tr> 
  <tr> 
   <td>1</td> 
   <td>window.close()</td> 
   <td align="center">IE7</td> 
   <td align="center">firefox,chrome,<br> safari</td> 
   <td align="center">Opera</td> 
   <td align="center"><a style="color:rgb(51,102,153)" rel="nofollow">Close</a></td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>window.opener=null;<br> window.open('','_self');<br> window.close();</td> 
   <td align="center">&nbsp;</td> 
   <td align="center">firefox</td> 
   <td align="center">IE7,Opera，<br> chrome,safari</td> 
   <td align="center"><a style="color:rgb(51,102,153)" rel="nofollow">Close</a></td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>window.open('','_self');<br> window.close();</td> 
   <td align="center">&nbsp;</td> 
   <td align="center">firefox</td> 
   <td align="center">IE7,Opera，<br> chrome,safari</td> 
   <td align="center"><a style="color:rgb(51,102,153)" rel="nofollow">Close</a></td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>window.opener=null;<br> window.close();</td> 
   <td align="center">IE7</td> 
   <td align="center">firefox，safari</td> 
   <td align="center">chrome,Opera</td> 
   <td align="center"><a style="color:rgb(51,102,153)" rel="nofollow">Close</a></td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>var opened=window.open('about:blank','_self');<br> opened.opener=null;<br> opened.close();</td> 
   <td align="center">&nbsp;</td> 
   <td align="center">firefox</td> 
   <td align="center">safari,IE7,<br> chrome,Opera</td> 
   <td align="center"><a style="color:rgb(51,102,153)" rel="nofollow">Close</a></td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>var opened=window.open('about:blank','_self');<br> opened.close();</td> 
   <td align="center">&nbsp;</td> 
   <td align="center">safari,firefox</td> 
   <td align="center">firefox，IE7,<br> chrome,Opera</td> 
   <td align="center"><a style="color:rgb(51,102,153)" rel="nofollow">Close</a></td> 
  </tr> 
 </tbody> 
</table>

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

其差异如下表格：

<table style="margin:0px 20px; border-collapse:collapse"> 
 <tbody> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> &nbsp;</th> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> 地址栏输入URL</th> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> 点击链接</th> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> Ctrl键+点击链接</th> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> window.open</th> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> window.showModalDialog</th> 
  </tr> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> IE6</th> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(255,215,0); border:1px solid rgb(192,192,192)"> 提示窗口关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
  </tr> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> IE7/8</th> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(255,215,0); border:1px solid rgb(192,192,192)"> 提示窗口关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(255,215,0); border:1px solid rgb(192,192,192)"> 提示窗口关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
  </tr> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> Firefox</th> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(30,144,255); border:1px solid rgb(192,192,192)"> 不关闭，无提示</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(30,144,255); border:1px solid rgb(192,192,192)"> 不关闭，无提示</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
  </tr> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> Safari</th> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(30,144,255); border:1px solid rgb(192,192,192)"> 不关闭，无提示</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
  </tr> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> Chrome</th> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(30,144,255); border:1px solid rgb(192,192,192)"> 不关闭，无提示</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
  </tr> 
  <tr> 
   <th style="margin:0px; padding:3px 5px; border:1px solid rgb(192,192,192); background-color:rgb(224,224,224); text-align:center"> Opera</th> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(154,205,50); border:1px solid rgb(192,192,192)"> 直接关闭</td> 
   <td style="margin:0px; padding:3px 5px; white-space:nowrap; background-color:rgb(255,99,71); border:1px solid rgb(192,192,192)"> 不支持</td> 
  </tr> 
 </tbody> 
</table>

firefox下无法关闭可能原因：

不是JS代码window.close()的问题，而是Firefox的配置问题，解决方法如下：   
在Firefox地址栏里输入 about:config   
在配置列表中找到 dom.allow\_scripts\_to\_close\_windows   
点右键的选切换把上面的false修改为true即可。   
注：默认是false，是为了防止脚本乱关窗口   
  
另附代码：   
window.opener = null;//为了不出现提示框   
window.close();//关闭窗口

原文：http://blog.csdn.net/vempire/article/details/8105651