使用 window.location.href 在另一个选项卡中打开链接

在 Web 开发中，我们经常需要在点击链接或者通过 JavaScript 脚本跳转页面。在某些情况下，我们可能还需要在新的选项卡或者窗口中打开页面。下面，我们将介绍如何使用 window.location.href 实现在新的选项卡中打开链接。

实现方式

在 JavaScript 中，我们可以使用 window.open 方法打开新的选项卡或者窗口。例如，以下代码会在新的选项卡中打开名为 example.com 的链接：

window.open('https://example.com');

但是，如果我们想要从当前页面中跳转到另一个页面，而非打开一个新的链接，我们可以使用 window.location.href 属性。例如，以下代码会在当前页面中跳转到名为 example.com 的链接：

window.location.href = 'https://example.com';

若要在新的选项卡中打开链接，我们可以将 window.location.href 的值设置为 '_blank'，这会让链接在新的选项卡或者窗口中打开。例如，以下代码会在新的选项卡中打开名为 example.com 的链接：

window.open('https://example.com', '_blank');

也可以使用以下代码，将 window.location.href 的值设置为链接地址，达到同样的效果：

window.location.href = 'https://example.com';

示例

以下是一个简单的示例代码，点击按钮后会在新的选项卡中打开链接：

<button onclick="openNewTab()">在另一个选项卡中打开链接</button>

<script>
function openNewTab() {
  window.open('https://example.com', '_blank');
}
</script>

总结

在 JavaScript 中，我们可以使用 window.location.href 属性跳转页面。如果需要在新的选项卡或者窗口中打开链接，我们可以将 window.location.href 的值设置为 '_blank' 或者使用 window.open 方法。以上就是关于如何使用 window.location.href 在新的选项卡中打开链接的介绍。

注：以上介绍仅适用于浏览器环境，不适用于 Node.js 等 JavaScript 运行环境。