浏览器新窗口打开：用 JavaScript 轻松实现188

在构建 web 应用程序时，经常需要在新的浏览器窗口或选项卡中打开链接或页面。这通常用于创建新会话、在外部网站显示内容或提供其他并发任务访问。在 JavaScript 中，可以使用 () 方法轻松完成此操作。

() 方法

() 方法接受三个参数：
url：要打开的页面或链接的 URL。
target：新窗口或选项卡的名称。默认为 "_blank"，表示在新的浏览器窗口中打开页面。
features：新窗口或选项卡的配置选项，如大小、位置和功能（例如工具栏、滚动条等）。

以下是一个基本示例，它会在新窗口中打开 "" 页面：```javascript
("");
```

指定新窗口或选项卡的目标

target 参数允许你指定新窗口或选项卡的名称。这可以用于在多个新窗口或选项卡中打开多个页面，并通过 target 名称轻松引用它们。

例如，以下代码将在名为 "newWindow" 的新窗口中打开 "" 页面：```javascript
("", "newWindow");
```

要引用 "newWindow" 窗口，可以使用：```javascript
var newWindow = ("", "newWindow");
```

配置新窗口或选项卡的特性

features 参数允许你配置新窗口或选项卡的特性。这些特性使用以下语法指定：```
name=value,name=value,...
```

其中 name 是特性名称，value 是特性值。以下是一些常见特性的示例：
width：新窗口或选项卡的宽度（以像素为单位）
height：新窗口或选项卡的高度（以像素为单位）
left：新窗口或选项卡的左上角到屏幕左边缘的距离（以像素为单位）
top：新窗口或选项卡的左上角到屏幕顶边缘的距离（以像素为单位）
resizable：指定新窗口或选项卡是否可调整大小
scrollbars：指定新窗口或选项卡是否显示滚动条
toolbar：指定新窗口或选项卡是否显示工具栏

例如，以下代码将创建一个 500px 宽、400px 高、显示工具栏和滚动条的新窗口：```javascript
("", "_blank", "width=500,height=400,toolbar=yes,scrollbars=yes");
```

在同一窗口或选项卡中打开页面

默认情况下，() 方法会在新窗口或选项卡中打开页面。但是，通过设置 target 参数为 "_self"，可以覆盖此行为并让页面在当前窗口或选项卡中打开。这对于在表单提交或其他操作后刷新页面非常有用，而无需创建新的窗口或选项卡。

例如，以下代码会在当前窗口或选项卡中打开 "" 页面：```javascript
("", "_self");
```

() 方法提供了一种简单的方法，可以在新窗口或选项卡中打开页面或链接。通过指定目标和配置特性，你可以定制新窗口或选项卡的行为，以满足你的特定需求。这在创建新会话、在外部网站显示内容或提供其他并发任务访问时非常方便。

2025-01-16

上一篇：探索服务端 JavaScript 的强大功能

下一篇：用 JavaScript 判断是否为数字