解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题

在Web开发中，尤其是在处理浏览器兼容性问题时，开发者经常会遇到特定功能在不同版本的浏览器中表现不一致的情况。本文将深入探讨一个这样的问题：`window.opener = null; window.close()` 这段代码在IE6中能够正常工作，但在IE7及更高版本中却失效的问题。 `window.opener` 是JavaScript中的一个属性，它引用了创建当前窗口的窗口对象。在用户通过一个链接或脚本打开新窗口后，新窗口可以通过 `window.opener` 访问到打开它的父窗口。而 `window.close()` 方法则用于关闭当前窗口。 在IE6中，使用 `window.opener = null; window.close();` 的组合，可以在打开一个新窗口后关闭原窗口，并且不会显示通常的"要关闭窗口吗？"的确认提示。这是因为IE6对这个操作的处理方式与其他浏览器不同，它允许在不经过用户确认的情况下直接关闭窗口。 然而，在IE7、IE8以及更高版本中，微软为了增强安全性，改变了这种行为。它们引入了一种称为"同源策略"的安全机制，限制了窗口之间的交互。在这种情况下，设置 `window.opener = null` 并不能阻止浏览器在调用 `window.close()` 时显示确认对话框。因此，`window.close()` 无法在没有用户确认的情况下关闭窗口。 为了解决这个问题，一种可行的解决方案是在 `window.opener = null; window.close();` 之间插入 `window.open('', '_self')`。这行代码的作用是打开一个空页面并加载到当前窗口（`_self` 指示当前窗口自身）。这样做实际上触发了浏览器的刷新机制，使得浏览器认为窗口是用户主动关闭的，从而绕过了确认提示。 以下是一个修复后的示例代码： ```javascript function openWin() { var newWindow = window.open('login.jsp', '', 'fullscreen=yes,menubar=no,resizable=no'); if (newWindow && !newWindow.closed) { window.opener = null; newWindow.focus(); setTimeout(function() { newWindow.close(); }, 1); } } ``` 在这个修复后的函数中，我们首先打开新窗口，然后设置 `window.opener` 为 `null`。接着，我们使新窗口获取焦点，然后使用 `setTimeout` 在1毫秒后关闭新窗口。这样，由于新窗口在关闭前已经获得了焦点，IE7及更高版本的浏览器就不会显示关闭确认提示。 需要注意的是，这种方法可能仍然受到浏览器安全策略的影响，特别是在不同的安全级别设置下。因此，对于这种情况，最佳实践是尽可能避免依赖特定浏览器的行为，或者提供一种跨浏览器的用户体验，比如通过显示一个明确的关闭确认按钮让用户自行决定是否关闭窗口。