问题是,当我调用window.close()或self.close()时,它不会关闭窗口。现在似乎有一个信念,在Chrome中,你不能通过脚本关闭任何不是脚本创建的窗口。这显然是错误的,但无论如何,它仍然应该这样做,即使它需要弹出一个警告来确认。这些都没有发生。

所以有没有人有真正的,功能性的和经过验证的方法关闭一个窗口,使用javascript:window.close()或javascript:self.close(),这实际上是什么是预期的,发生的事情只是在每个浏览器,不是基于Chrome ?任何建议都将非常感谢,我正在寻找Javascript特定的解决方案,没有JQuery或第三方实现。

更新:虽然大部分建议都有严重的局限性和可用性问题,但最新的建议(具体到TamperMonkey)使用// @grant窗口。在脚本头文件中使用Close,即使是在那些通常不能处理Close方法的选项卡上也可以。虽然不完全理想,也不适用于所有情况,但在我的情况下,这是一个很好的解决方案。


当前回答

这工作的要求:

你必须从窗口启动器打开窗口/标签,以获得一个javascript句柄,以使其工作,因为它并不总是工作在一个标签,没有通过窗口启动器脚本打开。这个测试页面向您展示了如何:

http://browserstrangeness.bitbucket.io/window_close_tester.htm

如果你没有看到它工作在我的启动器,张贴你的浏览器,你的设备和版本是必要的。不同版本的浏览器在不同设备上的表现不同。(比如ipad上的火狐浏览器和Chrome浏览器,并不是他们所说的那样。他们是不同皮肤的Safari !)

因此,重要的是说,例如“我在iPad上使用Safari 10.14,使用iOs 14.5”,这样我(或其他一些有用的人在stackoverflow这里)可以为你研究它,并发布结果以帮助其他用户。提前谢谢你这么做。如果您使用启动器,并且它在我的示例中为您工作,那么它就工作了。

我正在使用Brock Adams发布的方法,它甚至可以在Firefox中工作,如果它是由用户通过按钮或链接从另一个窗口启动。

open(location, '_self').close();

我从一个按钮按下调用它,所以它是用户发起的,它仍然可以使用Chrome 90, Internet Explorer 11, Edge, Safari 7-10和Firefox 35和88。我使用8.1和10版本的Windows和Mac OS X 10.6、10.9、10.10和10.14进行测试。


自关闭窗口代码(在自动关闭的页面上)

完整的代码将用于用户打开的窗口,可以关闭自己:

window_to_close.htm

JavaScript:

function quitBox(cmd)
{   
    if (cmd=='quit')
    {
        open(location, '_self').close();
    }   
    return false;   
}

HTML:

<input type="button" name="Quit" id="Quit" value="Quit" onclick="return quitBox('quit');" />

下面是带有工作示例的测试页面:(现在在Chrome 90.0和Firefox 88.0中进行了测试——包括Windows 10和Mac 10.14 Mojave)

http://browserstrangeness.bitbucket.io/window_close_tester.htm


窗口打开器代码(在打开上述页面的页面上)

要做到这一点,安全性强加的跨浏览器兼容性要求要关闭的窗口必须已经被用户单击同一站点域中的按钮打开。

例如,使用上述方法关闭自身的窗口,可以使用以下代码从页面打开(代码提供自上面链接的示例页面):

window_close_tester.htm

JavaScript:

function open_a_window() 
{
    window.open("window_to_close.htm"); 

    return false;
}

HTML:

<input type="button" onclick="return open_a_window();" value="Open New Window/Tab" />

其他回答

您也可以尝试使用下面的代码。这也将帮助你重定向你的父窗口:

家长:

<script language="javascript">

function open_a_window() 
{
    var w = 200;
        var h = 200;
        var left = Number((screen.width/2)-(w/2));
        var tops = Number((screen.height/2)-(h/2));

        window.open("window_to_close.html", '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+tops+', left='+left);

   return false;
}

// opener:
window.onmessage = function (e) {
  if (e.data === 'location') {
    window.location.replace('https://www.google.com');
  }
};

</script>

<input type="button" onclick="return open_a_window();" value="Open New Window/Tab" />

弹出:

<!DOCTYPE html>
<html>
<body onload="quitBox('quit');">

<h1>The window closer:</h1>

<input type="button" onclick="return quitBox('quit');" value="Close This Window/Tab" /> 


<script language="javascript">

function quitBox(cmd) 
{      
    if (cmd=='quit')    
    {   
       window.opener.postMessage('location', '*');
       window.open(location, '_self').close();    
    }     
    return false;   
}

</script>

</body>
</html>

试试这样做onclick="return self.close()"

尽管你认为这是“明显的错误”,但你所说的“似乎是一种信念”实际上是正确的。窗口的Mozilla文档。近说

此方法只允许被脚本使用该窗口打开的窗口调用。开放的方法。如果该窗口不是由脚本打开的,则在JavaScript控制台中出现以下错误:脚本不能关闭未由脚本打开的窗口

你说它“应该仍然这样做”,但我不认为你会找到任何支持这一点的参考,也许你记错了什么?

如果你不能关闭脚本没有打开的窗口,那么你可以使用下面的代码销毁你的页面:

 document.getElementsByTagName ('html') [0] .remove ();

Chrome修复了36.0.1985.125版本的安全问题

Chrome 36.0.1985.125 2014年7月16日星期三 发行通知

根据我的观察,这次更新修复了使用window.close()关闭弹出窗口的问题。当它失败时,你会在控制台中看到这一点,“脚本可能只关闭由它打开的窗口。”这意味着在最新版本中,布洛克·亚当斯(Brock Adams)的回答可能行不通。

因此,在之前的Chrome发布版本中,下面的代码块可能会工作,但不适用于此更新。

window.open('', '_self', '');
window.close();

对于此更新,您必须相应地更新代码以关闭弹出窗口。解决方案之一是获取弹出窗口id并使用

chrome.windows.remove(integer windowId, function callback)

方法将其删除。Chrome扩展窗口API可以在Chrome .windows中找到。

实际上,我的chrome扩展MarkView正面临这个问题,我不得不更新我的代码,使它为这个chrome更新工作。顺便说一下,MarkView是工具来读取和写入Awesome Markdown文件,它提供的功能包括内容大纲,可排序表和代码块语法突出显示与行号。

我也创建了这个帖子,欢迎任何评论。