Question

我在页面中有一个“关闭”按钮。

单击该按钮时，不执行任何操作。

OnClick操作以window.top.close（）。

的形式给出

<input class="CloseButton" type="button" id="CloseButton" value="Close" onclick="window.top.close();">

理想情况下，点击按钮后，窗口应关闭或弹出确认框。

我在Internet Explorer 11，Chrome，Mozilla browsers中看到了这个问题。

关闭功能在Internet Explorer 10和其他较低版本的IE中正常工作。

添加其他详细信息：此窗口是一个弹出窗口，它是从javascript创建的。

Answer 1

尝试将window.top.close();替换为window.close();

Answer 2

你可以尝试一下

<input class="CloseButton" type="button" id="CloseButton" value="Close" onclick="window.close();">

Answer 3

由于安全限制，它无法工作。

你可以尝试这个脚本：

function closeWindow() {
    // normal close for ie <= 9
    self.close();

    // hack for chrome and safari
    window.open('', '_self', '');
    window.close();
}

Chrome和更新的IE版本只有在Javascript打开时才允许关闭。因此，上面的hack打开一个虚拟窗口，然后尝试关闭它。

注意：但上述黑客攻击不适用于Firefox！而且也不是面向未来的。

Answer 4

试试这个，

<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>

<script>
var myWindow;

function openWin()
{
myWindow = window.open("","myWindow","width=200,height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin()
{
myWindow.close();
}
</script>

关闭按钮无法在Chrome中使用

4 个答案: