window.location.href与window.location.hash区别

window.location.href是获取或设置当前页面的完整URL地址，包括协议、域名、端口号和路径等信息。而window.location.hash则是获取或设置URL中的锚点信息，即#号后面的内容。

例如，对于以下的URL地址：

http://www.example.com/index.html#about

window.location.href将返回"http://www.example.com/index.html#about"，而window.location.hash将返回"#about"。

通常情况下，我们可以使用window.location.hash来实现页面内的锚点跳转。比如，当用户点击页面中的一个锚点链接时，我们可以通过JS将页面滚动到对应的位置，而不需要重新加载整个页面。

相关问题

window.location.hash

window.location.hash 是一个 JavaScript 属性，用于获取或设置当前 URL 的锚点部分（即 URL 中 # 后面的内容）。当设置该属性时，页面会自动滚动到拥有相应 id 的元素。

例如，如果当前页面的 URL 是 https://www.example.com/page.html#section1，那么 window.location.hash 的值就是 "#section1"。

要获取当前的锚点值，可以使用以下代码：

var hashValue = window.location.hash;
console.log(hashValue);

要设置锚点值，可以使用以下代码：

window.location.hash = "#section2";

请注意，修改 window.location.hash 的值会触发页面滚动事件。

类似与window.location.href的方法

在浏览器环境中，可以使用`window.location.href`来获取当前页面的URL。这个属性返回一个字符串，包含了完整的URL地址。如果你想要修改当前页面的URL，可以直接对`window.location.href`进行赋值。

除了`window.location.href`之外，还有一些其他的方法可以获取和修改页面的URL。以下是一些常用的方法：

1. `window.location.toString()`: 返回当前页面的URL，与`window.location.href`相同。
2. `window.location.replace(url)`: 用指定的URL替换当前页面的URL，这将导致浏览器加载新的URL。
3. `window.location.assign(url)`: 将页面重定向到指定的URL，类似于用户点击一个链接跳转到新页面。
4. `window.location.hostname`: 返回当前页面的主机名。
5. `window.location.pathname`: 返回当前页面的路径部分，不包括主机名和查询字符串。
6. `window.location.search`: 返回当前页面的查询字符串部分，包括问号。
7. `window.location.hash`: 返回当前页面URL中的片段标识符部分，包括井号。

这些方法可以帮助你操作和获取当前页面的URL信息。