JS打开新窗口，指定窗口大小

封面图 • 2025-11-05 • JavaScript

在 JavaScript 中，你可以使用 `window.open()` 方法打开一个新窗口，并通过参数指定窗口的大小。以下是基本用法：

### 基本语法：
```javascript
window.open(url, windowName, windowFeatures);
```

- `url`：要加载的页面地址（可选）。
- `windowName`：新窗口的名称或标识符（可选）。
- `windowFeatures`：一个字符串，用于指定新窗口的特性，如大小、位置等。

---

### 指定窗口大小的例子：

```javascript
window.open("https://www.example.com", "newWindow", "width=600,height=400");
```

这会打开一个宽 600 像素、高 400 像素的新窗口。

---

### 更多可选的窗口特性：

| 特性 | 说明 |
|------|------|
| `width=x` | 窗口宽度（像素） |
| `height=y` | 窗口高度（像素） |
| `left=x` | 窗口距离屏幕左边的距离 |
| `top=y` | 窗口距离屏幕上边的距离 |
| `menubar=yes/no` | 是否显示菜单栏 |
| `toolbar=yes/no` | 是否显示工具栏 |
| `status=yes/no` | 是否显示状态栏 |
| `resizable=yes/no` | 是否允许调整窗口大小 |

---

### 示例：打开一个固定大小且不可调整的窗口

```javascript
window.open("https://www.example.com", "myWindow", "width=800,height=600,resizable=no");
```

---

### 注意事项：

- 浏览器可能会阻止弹出窗口（如果用户没有直接交互触发，比如点击事件）。
- 不同浏览器对 `window.open()` 的支持略有不同，尤其是弹窗拦截机制。

---

如果你希望在用户点击按钮后打开窗口，可以这样写：

```html
<button onclick="openNewWindow()">打开新窗口</button>

需要我帮你生成一个完整的 HTML 示例吗？