在 web 开发中，JavaScript 的 location 对象经常用于获取和修改当前页面的 URL。其中，location.href 属性是一个字符串，它包含了完整的 URL 地址，包括协议、域名、端口号、路径和查询参数等。那么，当我们需要在 JavaScript 中将当前页面跳转到一个新的 URL 时，应该如何使用 location.href 属性呢？这篇文章将会探讨 location.href 在新窗口或标签页打开的问题，并提供一些实用的示例代码。
location.href 常见用法
在浏览器中，可以通过 location.href 来获取当前页面的 URL。例如：
--------------------------- -- ------- ---
如果需要将当前页面重定向到一个新的 URL，也可以使用 location.href。例如：
------------- - --------------------------
当执行上述代码后，浏览器会将当前页面跳转到 https://www.example.com 这个 URL。
location.href 在当前窗口打开
默认情况下，当我们使用 location.href 将当前页面跳转到一个新的 URL 时，这个 URL 会在当前窗口中打开，也就是说，当前页面会被替换成新的页面。例如：
------------- - --------------------------
当执行上述代码后，当前页面会被跳转到 https://www.example.com 这个 URL，而且这个 URL 会在当前窗口中打开。
location.href 在新窗口或标签页打开
如果我们需要将一个 URL 在新的窗口或标签页中打开，应该怎么做呢？有两种常见的方法可以实现这个功能。
方法一：window.open()
使用 window.open() 方法可以打开一个新的窗口或标签页，并将指定的 URL 加载到这个新的窗口或标签页中。例如：
---------------------------------------
当执行上述代码后，浏览器会弹出一个新的窗口或标签页，加载 https://www.example.com 这个 URL。
除了 URL 参数，window.open() 方法还可以接收多个可选参数，用于设置新窗口的大小、位置、工具栏和状态栏等样式。例如：
-- ------- ------- ---------------- -------------------------------------- --- ----------------------------------------------
方法二：a 标签的 target 属性
另一种方法是使用 <a> 标签的 target 属性来实现。例如：
-- ------------------------------ ----------------------------
当用户点击这个链接时，浏览器会在新的窗口或标签页中打开 https://www.example.com 这个 URL。
这种方法比较适合在 HTML 中使用，如果需要在 JavaScript 中打开新的窗口或标签页，建议使用 window.open() 方法。
示例代码
下面是一些示例代码，演示了如何使用 location.href 在当前窗口和新窗口或标签页中打开 URL：
在当前窗口中打开 URL
-- ------------ --- ------------- - --------------------------
在新窗口或标签页中打开 URL（方法一：使用 window.open()）
-- --------------- --- ---------------------------------------
在新窗口或标签页中打开 URL（方法二：使用 标签
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8623