locationhash（locationhash）
location.hash
什么是location.hash？
在Web开发中，location对象是浏览器提供的一个重要的对象，用于获取和操作当前页面的URL。其中，location.hash是location对象的一个属性，用于获取和设置URL的哈希值部分（即#后面的内容）。当浏览器访问的URL中包含哈希值时，浏览器会自动将哈希值部分存储在location.hash中，通过该属性可以获取到哈希值的内容。
哈希值的作用
哈希值可以用于实现一些特殊的功能，例如页面内的锚点跳转、前端路由等。通过在URL中添加哈希值，可以在页面跳转或刷新时保持特定的状态。同时，哈希值也可以用于实现前端路由，通过监听location.hash的变化，可以根据不同的哈希值展示不同的页面内容，实现SPA（单页应用）的效果。
获取和设置location.hash
要获取当前页面的哈希值，可以直接使用location.hash属性。例如，如果当前URL是\"https://example.com/#section1\"，则location.hash的值为\"#section1\"。我们可以通过以下方式获取到哈希值：
```html```要设置或修改页面的哈希值，可以直接赋值给location.hash属性。例如，要将哈希值修改为\"#section2\"，可以使用以下代码：
监听location.hash的变化
当页面的哈希值发生改变时，我们可能希望执行一些特定的操作。可以通过监听window对象的hashchange事件来实现。当URL的哈希值发生变化时，浏览器会触发hashchange事件，并可以通过event对象的oldURL和newURL属性获取到旧的和新的URL值。
```html```注意事项
在使用location.hash时，需要注意以下几点：
1. 如果URL中不包含哈希值，location.hash的值为空字符串。
2. 设置location.hash时，新的哈希值会被追加到当前URL的末尾，并立即更新在浏览器的地址栏中。例如，如果当前URL为\"https://example.com/\"，执行\"location.hash = '#section1'\"后，URL会变为\"https://example.com/#section1\"。
3. 在使用location.hash时，需要注意跨域访问的限制。如果URL的域名和端口与当前页面不一致，修改location.hash的操作会被浏览器拒绝。
总结
location.hash是浏览器提供的一个属性，用于获取和设置URL中的哈希值部分。通过location.hash，我们可以获取当前页面的哈希值，并且可以通过设置location.hash来修改URL的哈希值。同时，可以通过监听window对象的hashchange事件来实时获取URL的哈希值变化。使用location.hash可以实现页面内的锚点跳转、前端路由等功能，为Web开发提供了便利。
参考文献：
