window.open() 打开新窗口

最后更新:2026-09-09

window.open() 打开新窗口

window.open 打开新的浏览器窗口或标签页。常用于在新窗口打开链接。可能被浏览器弹窗拦截。

分类浏览器 BOM
ES 版本DOM

📝 语法

window.open(URL, 窗口名, 特性);

⚙️ 参数

url要打开的 URL。
name窗口名称或 target(_blank = 新标签页)。
features可选。窗口特性字符串(宽高等)。

返回值:新窗口的引用或 null(被拦截)。

是否修改原值:否(返回新值)

▶ 示例

编辑下方代码,点击运行,在输出面板查看结果:

运行结果:

(新窗口打开)
⚠️ 警告 浏览器会拦截非用户交互触发的 window.open——只能在 click 等事件处理中调用。

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
window.open() v1 v12 v1 v1 v1
所有现代浏览器均支持
更多实战案例即将上线,敬请期待。

📚 相关教程

❓ 常见问题

Qwindow.open 会被拦截吗?
A非用户交互触发的会被弹窗拦截器拦截。
Qwindow.open 返回什么?
A新窗口的引用(Window 对象)或 null(被拦截)。
Q如何控制新窗口的大小?
A第三个参数:'width=600,height=400'。
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏