使用 window.open 打开新窗口

打开新窗口的方式有哪些

• 在链接上单击右键，然后选择「在新窗口打开链接」或者「在新标签打开链接」
• 按住键盘上的 Ctrl/Command 单击链接，新标签打开链接
• <a href="...." target="_blank">
• window.open()

下面仅介绍window.open的使用

window.open 的参数介绍

语法：

let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatures]);

参数说明：

• strUrl：可选，新窗口需要载入的url地址。strUrl可以是web上的html页面也可以是图片文件或者其他任何浏览器支持的文件格式。
• strWindowName：可选，新窗口的名称。该字符串可以用来作为超链接 <a> 或表单<form> 元素的目标属性值。字符串中不能含有空白字符。注意：strWindowName 并不是新窗口的标题。
• strWindowFeatures：可选，列出新窗口的特征(大小，位置，滚动条等)作为一个DOMString。

第一个参数，如果没有指定URL，打开一个新的空白窗口。

第二个参数指定target属性或窗口的名称。支持以下值：

• _blank URL加载到一个新的窗口。这是默认
• _parent URL加载到父框架
• _self URL替换当前页面
• _top URL替换任何可加载的框架集
• name 窗口名称，相同名称会直接替换显示页面

第三个参数我们用的比较少，详细说明可参考
window.open 参数3介绍

使用示例

下面的示例仅在chrome浏览器测试。

window.open使用示例

参考

• 在新窗口中打开页面？小心有坑！
• Window open() 方法
• 弹窗和 window 的方法