在 Web 开发中，我们经常需要在用户点击链接时打开一个新窗口来显示相关内容。本文将介绍如何使用 JavaScript 在新窗口中打开指定的 URL。
使用 window.open() 方法
JavaScript 中提供了 window.open() 方法来打开一个新窗口，并且允许我们指定新窗口的属性，例如大小、位置和是否允许滚动等。
下面是一个基本的示例：
--- --- - -------------------------- --- ---------- - ---------------- --- -------------- - --------------------------------------------------- --- --------- - ---------------- ----------- ----------------
以上代码会在一个名为 "exampleWindow" 的新窗口中打开 "https://www.example.com" 这个 URL，窗口的大小为 400x300，且包含地址栏和滚动条。
使用 target 属性
除了使用 window.open() 方法，我们还可以在链接中使用 target 属性来指定链接在新窗口中打开。例如：
-- ------------------------------ ---------------------------
以上代码会在单击该链接时，在一个新窗口中打开 "https://www.example.com" 这个 URL。
安全性考虑
在使用 window.open() 方法时，需要注意一些安全性问题。如果我们在未知的 URL 上使用该方法，那么可能会打开一些恶意网站或者下载病毒等，从而对用户造成伤害。
为了解决这个问题，我们应该在使用 window.open() 方法时，只打开自己信任的 URL，并且避免在查询字符串中传递敏感信息。另外，我们也可以在链接中使用 rel="noopener noreferrer" 属性来保护打开新窗口的页面不受到原始页面的影响。
结论
本文介绍了如何使用 JavaScript 在新窗口中打开指定的 URL，以及一些安全性考虑。希望读者能够通过学习本文，掌握如何在 Web 开发中实现该功能。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12520