HTML按钮关闭窗口

Question

我有一个html按钮，我想在点击时关闭当前窗口。我想我可以像下面一样设置onclick功能。我错过了什么吗？

<button type="button" onclick="javascript:window.close()">Discard</button>

Answer 1

在onclick属性中，您不需要指定是javascript。

<button type="button" 
        onclick="window.open('', '_self', ''); window.close();">Discard</button>

这应该这样做。为了关闭它，您的页面需要由脚本打开，因此window.open。这篇文章详细解释了这一点：http://www.yournewdesigner.com/css-experiments/javascript-window-close-firefox.html

Answer 2

javascript只能关闭它打开的窗口

Answer 3

使用以下代码。它每次都有效。

<button onclick="self.close()">Close</button>

每次都可以在Chrome中使用，也适用于Firefox。

Answer 4

此网站：http://www.computerhope.com/issues/ch000178.htm 用下面的脚本回答它

＆LT; input type =“button”value =“关闭此窗口”onclick =“self.close（）”＆gt;

Answer 5

我知道这个帖子已经得到了解答，但是对于某些人来说可能有用的另一个解决方案，特别是对于那些想要拥有此按钮的多个页面的解决方案，是给输入一个id并将代码放在JavaScript文件中。然后，您可以将按钮的代码放在多个页面上，从而占用代码中较少的空间。

按钮：

    <input type="button" id="cancel_edit" value="Cancel"></input>

在JavaScript文件中：

    $("#cancel_edit").click(function(){
        window.open('','_parent',''); 
        window.close(); 
    });

Answer 6

关闭由用户通过JavaScript打开的窗口被视为安全隐患，因此，并非所有浏览器都允许这样做（这就是为什么所有解决方案都是黑客/变通办法的原因）。经过稳定维护的浏览器会删除这些类型的骇客，并且一天有效的解决方案可能会在第二天被破坏。

here在一个与此主题相关的类似问题中对此问题进行了解答。

Answer 7

2019年11月： $在Chrome中仍然有效，而Edge发出警告，必须先确认警告，然后才能关闭。

另一方面，解决方案onclick="self.close()"可以同时使用。