<button class="closeButton" style="cursor: pointer" onclick="window.close();">Close Window</button>

这对我来说很有效

由于严格的浏览器行为，window.close()只有在通过window.open(…)打开时才会工作。

但我想了个办法!

当没有包含window.open(…)时，添加一个空标签 当关闭的最佳时间出现时，调用window.close 如果2。已经返回一个错误，替换任何标签或HTTP参数与一个空的标签，最后关闭窗口

<button onclick="myFunction()">Close</button>
<script>
if (location.href.indexOf("#") == -1) {
    window.open(location.href + "#", "_self")
}

function myFunction() {
  try {
    window.close()
  } catch (err) {
    window.open(location.href.substring(0, location.href.indexOf("?")).substring(0, location.href.indexOf("#")) + "#", "_self")
    window.close()
  }
}
</script>

在这个现场演示中输入关闭

有点晚了，但这是我发现的……

window.close()将只工作(IE是一个例外)当你试图关闭()的窗口是由脚本使用window.open()方法打开的。

(请参阅下面@killstreet关于target _blank的锚标签的评论)

TLDR: chrome和firefox允许关闭它们。

你会得到控制台错误: 脚本不能关闭非脚本打开的窗口。 只是一个错误而已。

你可以在URL中添加一个唯一的参数来知道页面是否从脚本打开(比如时间)-但这只是一个黑客，而不是一个本地功能，在某些情况下会失败。

我找不到任何方法知道页面是否从open()打开， 并且close不会抛出和错误。 这将不会打印"test":

try{
  window.close();
}
catch (e){
  console.log("text");
}

你可以在MDN中阅读更多关于close()函数的信息

下面是如何创建这样一个链接:

<a href=“javascript:if(“Close window?”)window. Close ()闭> < / a >

我只是想添加window.close()在2021,chrome 91工作，但并不总是。如果标签中没有历史记录(你不能返回)，它就可以工作的情况之一。

在我的情况下，我想创建自毁选项卡，关闭后几秒钟，但我在努力如何去开发服务器避免新选项卡，因为显然新选项卡也是选项卡，它被保存在选项卡历史:D我创建的链接大约:空白选项卡与目标=_blank属性，它导致新选项卡，window.close()方法终于工作了!

您可以尝试使用JavaScript + HTML来欺骗浏览器关闭当前窗口:

JS:

function closeWindow() {
 if(window.confirm('Are you sure?')) {
  window.alert('Closing window')
  window.open('', '_self')
  window.close()
 }
 else {
  alert('Cancelled!')
 }
}

HTML:

Some content
<button onclick='closeWindow()'>Close Current Window!</button>
More content