JavaScript 中的 window.location.href

在 JavaScript 中，window.location 对象用于获取当前页面的 URL 信息，并提供了一些方法用于对 URL 进行操作。其中 window.location.href 属性用于表示当前 URL。

使用方法

获取当前页面的 URL：

console.log(window.location.href);

修改当前页面的 URL：

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

在当前页面的 URL 上添加参数：

window.location.href = window.location.href + "?param=value";

属性值

window.location.href 的属性值是一个 DOMString 类型，表示当前页面的 URL。

方法

window.location.href 可以调用 window.location 对象的所有方法，如下：

• assign(url)：加载一个新的文档
• replace(url)：用一个新文档替代当前文档
• reload()：重新加载当前文档

注意事项

由于使用 window.location.href 会导致整个页面重载，因此大部分情况下需要慎重使用。如果只需要修改 URL 而不影响当前页面，建议使用 history.pushState() 方法。

最后，需要注意的是，window.location.href 属性是只读的，因此不能直接进行赋值操作，而需要使用 assign()、replace()、reload() 方法来实现 URL 的修改。