当我们需要从网站的一个页面跳转到另一个页面时，通常会使用链接。默认情况下，浏览器会在新窗口中打开链接，但有时候我们希望它在新的标签页中打开。在这篇文章中，我们将介绍如何使用HTML和JavaScript在新标签页中打开链接，并提供示例代码和详细解释。
使用 target 属性
HTML中的 <a> 元素用于创建链接，可以通过设置其 target 属性来控制链接应该在哪里打开。如果将 target 属性设置为 "_blank"，则链接将在新窗口中打开。相反，如果将 target 属性设置为 "_self"，则链接将在当前窗口中打开。这意味着，如果希望链接在新的标签页中打开，则只需将 target 属性设置为 "_blank"。
以下是一个示例：
<a href="https://example.com" target="_blank">在新标签页中打开 Example 网站</a>
这将创建一个指向 "https://example.com" 的链接，并在单击时在新标签页中打开该网站。
使用 JavaScript
如果想动态地打开链接，或者在某些条件下打开链接，我们可以使用 JavaScript。使用 JavaScript 打开链接通常涉及两个步骤：首先，我们将链接的 target 属性设置为 "_blank"，然后使用 window.open() 方法打开链接。
下面是一个示例，当用户单击按钮时，它将在新标签页中打开 Google 网站：
<button onclick="openGoogle()">在新标签页中打开 Google</button>
<script>
function openGoogle() {
var url = "https://www.google.com";
window.open(url, "_blank");
}
</script>这将创建一个按钮，当用户单击按钮时，会调用 openGoogle() 函数。该函数将 url 变量设置为 "https://www.google.com"，然后使用 window.open() 方法在新标签页中打开链接。
结论
通过使用 HTML 的 target 属性或 JavaScript 的 window.open() 方法，我们可以轻松地在新的标签页中打开链接。无论我们是希望为用户提供更好的用户体验，还是需要在特定条件下动态打开链接，这都是非常有用的技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12672