JavaScript关闭窗口失效：弹窗后关闭原窗口触发权限警告

这个问题其实是浏览器的安全限制在起作用——浏览器只允许脚本关闭由该脚本自身通过window.open()打开的窗口。如果你的原窗口是用户手动打开的（比如直接输入网址、点击书签进来的），那脚本调用window.close()就会触发你看到的警告：Scripts may close only the windows that were opened by them。

为什么你的代码会触发警告？ #

看一下你的代码：你是直接在当前页面（用户可能手动打开的页面）调用top.window.close()，但这个页面并不是由你的脚本打开的，所以浏览器会阻止这个操作，弹出警告。

解决方案分两种场景： #

场景1：你可以控制原窗口的打开方式

如果原窗口是从另一个页面通过脚本打开的（比如从首页弹窗打开当前页面），那你就可以正常关闭它。举个例子：

• 在入口页面（比如index.html）添加打开当前页面的脚本：

<button onclick="openMyPage()">打开操作页面</button>
<script>
function openMyPage() {
  // 用脚本打开你的目标页面
  window.open('your-current-page.html', '_blank');
}
</script>

• 然后在你的your-current-page.html里，原来的代码就可以正常工作了，因为这个窗口是脚本打开的，调用window.close()不会触发警告。

场景2：原窗口是用户直接访问的（无法控制打开方式）

这种情况下，浏览器的安全机制不允许脚本强制关闭窗口，我们只能引导用户手动操作，或者做一些变通：

修改你的代码，改为打开新窗口后提示用户手动关闭原窗口，或者替换当前页面为提示页：

<a href="#" onclick="handleNav('newwindow.html'); return false;">
  <img src="images/close.png" alt="打开新窗口并关闭当前页">
</a>

<script type="text/javascript">
function handleNav(url) {
  // 打开新窗口
  const popupWin = window.open(url, 'popup', 'height=600,width=800,top=0,left=0');
  
  if (popupWin) {
    // 提示用户手动关闭原窗口
    alert('新窗口已打开，请手动关闭当前窗口即可');
    // 可选：替换当前页面为一个提示页面，引导用户关闭
    // window.location.href = 'close-reminder.html';
  } else {
    alert('新窗口被浏览器拦截啦，请允许弹窗后重试');
  }
}
</script>

关键提醒 #

这个安全限制是浏览器的核心防护机制，目的是防止恶意脚本擅自关闭用户的窗口，所以没有办法绕过它。我们只能遵循规则，要么让原窗口由脚本打开，要么引导用户手动操作。

内容的提问来源于stack exchange，提问作者MTplus