在前端开发中，我们经常需要在网页中打开新的窗口。通常情况下，我们可以使用 JavaScript 的 window.open() 方法来实现这个功能。但是，在某些情况下，我们可能需要在 HTML 代码中插入 JavaScript 来打开新窗口。这篇文章将介绍如何在 HTML 中插入 JavaScript 来实现打开新窗口的功能。
使用 HTML 的 onclick 属性
HTML 元素可以通过 onclick 属性来响应用户的点击事件。我们可以在该属性中插入 JavaScript 代码，并使用 window.open() 方法在新窗口中打开链接。下面是一个简单的示例：
------- ---------------------------------------------------------------
在这个示例中，当用户点击按钮时，将会调用 window.open() 方法并传入链接地址。这将在一个新的窗口中打开链接。
使用 HTML 的 href 属性
另一种在 HTML 中插入 JavaScript 的方法是使用 href 属性。虽然 href 属性通常用于指定链接地址，但是它也可以包含 JavaScript 代码。下面是一个示例：
-- ------------------------------------------------------------------
在这个示例中，当用户点击链接时，将会调用 window.open() 方法并传入链接地址。这将在一个新的窗口中打开链接。请注意，这里的 href 属性值以 "javascript:" 开头，这是告诉浏览器属性值中包含 JavaScript 代码的方式。
使用 HTML 的 target 属性
在打开新窗口时，我们可以使用 target 属性指定链接打开的位置。下面是一个示例：
-- ------------------------------ ---------------------------
在这个示例中，当用户点击链接时，将会在一个新的窗口中打开链接。请注意，这里的 target 属性值设置为 "_blank"，这是告诉浏览器在一个新的窗口中打开链接。
总结
以上是三种在 HTML 中插入 JavaScript 来实现打开新窗口的方法。无论你选择哪种方法，都应该根据具体情况仔细考虑，确定最适合你的需求的方法。
示例代码：https://codepen.io/chatgpt/pen/RwGzVZx
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24789