關閉按鈕在Chrome中不起作用

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打開后才允許關閉。 因此，上述破解會打開一個虛擬窗口，然后嘗試將其關閉。

注意 ：但是，上述技巧不適用於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>