window.location.hash和window.location.search和window.location.href的区别

window.location.hash、window.location.search 和 window.location.href 是 JavaScript 中用于获取和操作当前页面 URL 的属性。

• window.location.hash：返回当前 URL 中的锚点部分（即 # 后面的内容）。例如，对于 URL http://example.com/page#section1，window.location.hash 将返回 "#section1"。可以使用该属性读取锚点信息，并根据锚点更新页面的状态或执行相关操作。

• window.location.search：返回当前 URL 中的查询字符串部分（即 ? 后面的内容）。例如，对于 URL http://example.com/page?param1=value1&param2=value2，window.location.search 将返回 "?param1=value1&param2=value2"。可以使用该属性读取查询字符串中的参数值，并根据参数值执行相应的逻辑。

• window.location.href：返回完整的当前 URL。例如，对于 URL http://example.com/page?param=value#section，window.location.href 将返回 "http://example.com/page?param=value#section"。可以使用该属性获取当前页面的完整 URL，并通过修改它来导航到其他页面。

总结：

• window.location.hash 返回 URL 的锚点部分。
• window.location.search 返回 URL 的查询字符串部分。
• window.location.href 返回完整的 URL。

这些属性可以帮助开发人员在 JavaScript 中获取和操作当前页面的 URL 信息，从而实现相关功能，如处理页面内部导航、传递参数、跳转到其他页面等。