window.open函数参数解析
时间: 2025-04-30 11:47:58 浏览: 30
`window.open()` 函数用于从当前网页打开一个新的浏览器窗口或标签页。它有四个参数,分别是:待加载资源的URL、目标窗口名称以及一些控制窗口特征的字符串选项和最后的一个布尔值(较少使用),下面详细介绍各个参数的作用及示例。
### 参数说明
1. **url (可选)**
- 类型: 字符串(String)
- 描述: 指定将要显示的新文档的位置(即URL地址)。如果是空字符串 `""` 或 `"about:blank"` ,则表示仅创建一个空白新窗口而不会导航到任何特定位置。
2. **name (可选)**
- 类型: 字符串(String) / 关键词("_self", "_parent", "_top")
- 描述: 定义了新窗口的名称;也可以是特殊的保留关键字之一:
- `_self`: 在相同的框架内加载
- `_blank`: 默认行为,默认会在新的浏览上下文(如标签页或窗口)中加载指定URL的内容。
- `_parent`: 如果存在嵌套frame,则在一个较高级别的iframe里加载内容;
- `_top`: 将会替换整个顶层浏览上下文下的所有内容
3. **specs (可选)**
- 类型: 字符串(String),一系列以逗号分隔的关键字及其对应的属性配置项,比如宽度(`width`)高度(`height`)等特性描述信息。如果不提供此参数,默认采用浏览器默认大小。
4. **replace (很少用到, 可选)**
- 类型: 布尔(Boolean), true/false.
- 当其设置为true时,意味着新开窗口的历史记录条目应该取代现有历史记录条目的最新一项,而不是添加进去。
### specs 示例
```javascript
// 打开固定尺寸无工具栏且居中的小窗体
var w = window.innerWidth || document.documentElement.clientWidth || screen.width;
var h = window.innerHeight|| document.documentElement.clientHeight|| screen.height;
w = window.open('http://www.example.com', 'newWindowName',
'resizable=yes,
width=500,height=400,
top='+(h-400)/2+',left='+((w-500)/2)+'
toolbar=no,status=no');
```
### 替换旧历史记录实例
```javascript
let newTab = window.open("https://example.org","_blank");
if(newTab){
// Only do this if we're able to open a tab at all
setTimeout(() => {newTab.location.replace("https://another-page.com")}, 10);
}
```
以上就是关于 `window.open()` 方法的所有参数解析。希望对你有所帮助!
阅读全文
相关推荐
















