插件窝 干货文章 js如何关闭当前页面

js如何关闭当前页面

关闭 页面 strong 当前 835    来源:    2024-10-23
javascript 提供以下关闭当前页面的方法:window.close():直接关闭页面。window.open().close():间接关闭页面。location.replace(新 url):替换 url 以关闭页面。location.href = "about:blank":将 url 设为空白以关闭页面。使用 window.opener(针对在其他页面中打开的情况)。

如何使用 JavaScript 关闭当前页面

JavaScript 提供了多种方法来关闭当前页面:

1. window.close()

该方法是直接关闭当前窗口或标签页的最简单方法。

window.close();

2. window.open().close()

此方法通过打开一个新的窗口或标签页,然后关闭它来间接关闭当前页面。

var newWindow = window.open();
newWindow.close();

3. location.replace(新 URL)

此方法将当前页面的 URL 替换为新 URL,从而有效地关闭当前页面并加载新页面。

location.replace("https://example.com");

4. location.href = "about:blank";

此方法将当前页面的 URL 设置为 "about:blank",这会创建一个空白页面并关闭当前页面。

location.href = "about:blank";

5. 使用 window.opener

如果当前页面是在另一个窗口或标签页中打开的,可以使用 window.opener 属性关闭父窗口。

window.opener.close();

注意:

  • 并非所有浏览器都支持所有方法。
  • 关闭当前页面可能会导致丢失未保存的数据。
  • 在某些情况下,关闭当前页面可能需要用户确认。