JS关闭浏览器窗口完全指南

发布时间：2023-05-18

一、JS关闭浏览器窗口的方法

JS可以通过window.close()方法来关闭浏览器窗口，这个方法适用于所有浏览器。

window.close();

为了避免用户误操作关闭窗口，可以在方法前加上一个确认弹框，提示用户是否要关闭窗口。

二、JS关闭浏览器窗口前提示弹框

如果想在关闭窗口前弹出确认框，可以使用window.confirm()方法，这个方法会弹出一个确认对话框，提示用户是否要关闭窗口。

if (window.confirm("确定要关闭窗口吗？")) {
  window.close();
}

三、JS关闭浏览器窗口 Chrome

在Chrome浏览器中使用window.close()方法关闭窗口时，只能关闭由JS打开的窗口，否则会被浏览器阻止。这是为了防止恶意脚本关闭用户的浏览器窗口。

四、JS关闭微信浏览器窗口

在微信浏览器中使用window.close()方法关闭窗口是无效的，因为微信浏览器对该方法进行了屏蔽。但是我们可以通过调用WeixinJSBridge的closeWindow方法来关闭微信浏览器窗口。

if (typeof WeixinJSBridge !== 'undefined') {
  WeixinJSBridge.invoke('closeWindow', {}, function (res) {});
} else {
  window.close();
}

五、JS关闭浏览器窗口之前触发的事件

如果想在关闭窗口前执行一些操作，可以使用window.onbeforeunload事件，在窗口关闭之前执行一个函数。

window.onbeforeunload = function () {
  // 在这里执行一些操作
  return "确定要离开吗？"; // 弹出确认框提示用户是否离开
}

六、关闭浏览器窗口的方法

除了JS提供的window.close()方法外，还可以使用window.open().close()方法来关闭由自己打开的窗口。

var myWindow = window.open('', 'myWindow');
myWindow.close();

七、浏览器窗口已满怎么关闭

如果要关闭正在运行的窗口，但浏览器窗口已经达到了最大数量限制，可以使用window.open()打开一个新窗口，然后关闭它。

var newWindow = window.open('', '_self');
newWindow.close();

八、JS关闭当前窗口的方法

如果要关闭当前窗口，可以使用window.open()打开一个新窗口，然后在原窗口中使用window.close()关闭窗口。

var newWindow = window.open('', '_self');
window.close();

九、JS浏览器关闭事件

除了window.onbeforeunload事件外，还有一个window.onunload事件，它会在窗口关闭后立即执行。

window.onunload = function () {
  // 在这里执行一些操作
}

十、JS关闭弹出窗口

如果要关闭由window.open()打开的弹出窗口，可以使用window.opener来引用打开它的窗口，然后在该窗口中调用window.close()方法。

var popupWindow = window.open('popup.html', 'Popup', 'width=300,height=200');
// 在这里写入some HTML
popupWindow.opener.close();

小结

以上就是JS关闭浏览器窗口的完整指南，除了window.close()方法外，我们还可以使用window.open()方法来打开和关闭窗口。注意，针对不同浏览器和环境有些方法可能会无效或被阻止。在使用时需要注意兼容性和合适的方法。

推荐文章