JavaScript中windows.open()、windows.close()方法详解

JavaScript中window.open()、window.close()方法详解

简介

window.open() 和 window.close() 是 JavaScript 常用方法之一，可以用于在新窗口打开 URL，或关闭现有窗口。本文将详细讲解使用这两个方法的相关知识。

window.open()方法

定义

window.open() 方法被用于在新窗口或标签页中打开 URL。

语法

window.open(URL, name, features, replace)

参数说明:

• URL: 必需。要打开的 URL 地址。

• name: 可选。窗口名称。如果该名称已经被指定则窗口被重用，否则会创建一个新窗口。该名称的值可以包含字母、数字、以及符号“_”和“-”。

• features: 可选。一个以逗号分隔的字符串，定义新窗口的参数，如宽度、高度、位置等。

• replace: 可选。一个布尔值。如果为true，则该窗口将替换浏览器历史记录中的当前文档，即点击 “后退” 按钮会回到该窗口打开前的文档；如果为 false，则新打开的 URL 将被加入到浏览器的历史记录中。

示例

1. 打开新窗口

window.open("https://www.baidu.com");

该代码会在新的窗口中打开百度的首页。

1. 打开具有特定参数的新窗口

window.open("https://www.google.com", "_blank", "width=500, height=500, top=200, left=200");

该代码会在新的窗口中打开 Google 的首页，并将窗口的宽度、高度、左侧和顶部位置设置为 500、500、200 和 200。

window.close()方法

定义

window.close() 方法关闭已经打开的窗口或标签页。

语法

window.close();

示例

var myWindow = window.open("https://www.baidu.com", "_blank", "width=500, height=500, top=200, left=200");
myWindow.close();

该代码会在新的窗口中打开百度的首页，并将窗口的宽度、高度、左侧和顶部位置设置为500、500、200和200。然后会关闭该窗口。

注意事项

• 大多数浏览器都会阻止弹出窗口。这是为了避免弹出式广告或其它恶意行为。如果您使用 window.open() 方法打开新窗口，浏览器可能会默认将其设置为“弹出式窗口拦截器”或“不允许弹出式窗口”等。

• 在移动设备上，由于屏幕空间的限制，对于一些系统浏览器，window.open() 方法可能会直接打开新的标签页，而不是新窗口。

• 关闭一个窗口必须是由打开它的脚本来关闭，否则这将被认为是不合法的关闭，并且用户将看到一个警告窗口。

结论

window.open() 和 window.close() 方法是非常实用的 JavaScript 方法。如果您需要在新窗口打开一个链接或在某个操作后关闭当前窗口，那么这两个方法是您的好选择。

阅读剩余 45%