JavaScript Window close 方法

2025年3月17日 | 阅读 3 分钟

JavaScript 提供了一个内置函数 `close()`,用于关闭通过 `window.open()` 方法打开的浏览器窗口。与 `window.open()` 方法不同,它不包含任何参数。此 `window.close()` 方法仅用于关闭由 `window.open()` 方法打开的窗口或标签页。

请记住:您必须 **定义一个全局的 JavaScript 变量** 来存储 `window.open()` 方法返回的值,该变量将供 `close()` 方法稍后用于关闭已打开的窗口。

语法

这里,`window` 是 `window.open()` 方法打开的那个窗口的名称。

参数列表

此方法没有任何参数。

关闭窗口

让我们通过一个例子来理解。我们将以一个示例来展示如何关闭由 `window.open()` 方法打开的窗口或标签页。

首先,我们将通过按钮点击在新窗口(代码中定义了大小)中打开一个网站 URL,然后使用另一个按钮来关闭已打开的窗口。

示例

在此示例中,我们不会在 `open()` 方法中指定任何 URL。请看下面的代码,了解它是如何工作的

复制代码

输出

您将获得与下面给出的相同的输出。在这里,点击 打开新窗口 按钮以打开用户定义的浏览器窗口。

JavaScript Window close method

一个新的窗口将弹出一条消息,如下所示。现在,点击 关闭新窗口 按钮以关闭此弹出窗口。

JavaScript Window close method

示例 2

此示例将在 `window.open()` 方法中包含一个网站 URL,以在新窗口中打开一个网站。然后我们将使用 `close()` 方法来关闭该窗口。

复制代码

输出

当您执行代码时,您将得到如下所示的响应

JavaScript Window close method

点击 打开 TpointTech 按钮以打开 TpointTech 教程网站。我们已指定新弹出窗口的尺寸(高度和宽度)以进行打开。

JavaScript Window close method

如果您点击 关闭 TpointTech 按钮,此打开的窗口将最小化。

浏览器支持

几个网络浏览器支持此窗口函数,例如

  • Chrome
  • Mozilla Firefox
  • Internet Explorer (IE)
  • Opera
  • Safari 等。

您可以在上述浏览器上运行 `window.close()` JavaScript 函数。