I have an html button that I want to close the current window when clicked. I thought I could just set the onclick feature like I did below. Am I missing something?

我有一个html按钮，点击时我想关闭当前窗口。我想我可以像下面这样设置onClick功能。我是不是遗漏了什么？

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

When in the onclick attribute you do not need to specify that it is Javascript.

当在onClick属性中时，您不需要指定它是Java脚本。

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

This should do it. In order to close it your page needs to be opened by the script, hence the window.open. Here is an article explaining this in detail:

这个应该可以了。为了关闭它，您的页面需要通过脚本打开，因此使用了window.open。以下是一篇详细解释这一点的文章：

Click Here

点击这里

If all else fails, you should also add a message asking the user to manually close the window, as there is no cross-browser solution for this, especially with older browsers such as IE 8.

如果所有其他方法都失败了，您还应该添加一条消息，要求用户手动关闭窗口，因为没有跨浏览器解决方案，特别是在IE 8等较旧的浏览器中。

JavaScript can only close a window that was opened using JavaScript. Example below:

JavaScript只能关闭使用JavaScript打开的窗口。示例如下：

<script>
function myFunction() {
  var str = "Sample";
  var result = str.link("https://sample.com");
  document.getElementById("demo").innerHTML = result;
}
</script>

Use the code below. It works every time.

使用下面的代码。每次都很管用。

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

It works every time in Chrome and also works on Firefox.

它每次都能在Chrome上运行，也能在Firefox上运行。

Closing a window that was opened by the user through JavaScript is considered to be a security risk, thus not all browsers will allow this (which is why all solutions are hacks/workarounds). Browsers that are steadily maintained remove these types of hacks, and solutions that work one day may be broken the next.

关闭用户通过JavaScript打开的窗口被认为是一种安全风险，因此并不是所有的浏览器都允许这样做(这就是为什么所有的解决方案都是黑客/解决办法)。稳定维护的浏览器会清除这些类型的黑客攻击，而一天起作用的解决方案可能会在第二天就被破坏。

This was addressed here by rvighne in a similar question on the subject.

在这里，rvilhne在关于这个主题的类似问题中谈到了这一点。

This site: http://www.computerhope.com/issues/ch000178.htm
answers it with the script below

这个站点：http://www.computerhope.com/issues/ch000178.htm用下面的脚本回答这个问题

< input type="button" value="Close this window" onclick="self.close()">

I know this thread has been answered, but another solution that may be useful for some, particularly to those with multiple pages where they want to have this button, is to give the input an id and place the code in a JavaScript file. You can then place the code for the button on multiple pages, taking up less space in your code.

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

For the button:

对于按钮：

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

in the JavaScript file:

在该JavaScript文件中：

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

November 2019:
onclick="self.close()" still works in Chrome while Edge gives a warning that must be confirmed before it will close.

2019年11月：onclick=“self.close（）”仍然在Chrome中工作，而Edge则发出警告，必须在关闭之前确认。

On the other hand the solution onclick="window.open('', '_self', ''); window.close();" works in both.

另一方面，解决方案onClick=“window.open(‘’，‘_self’，‘’)；window.lose()；”在两者中都适用。