Html5中的hashchange事件怎么使用

在HTML5中，可以使用hashchange事件来监听URL中的哈希值（#后面的部分）的变化。当URL的哈希值发生变化时，浏览器会触发hashchange事件，我们可以通过添加一个事件监听器来捕获这个事件。
以下是使用hashchange事件的步骤：
1. 首先，选择要监听的元素。通常我们会选择`window`对象，因为哈希值的变化会影响整个页面。
```javascript
var target = window;
```
2. 然后，添加一个事件监听器，监听hashchange事件。
```javascript
target.addEventListener("hashchange", function(event) {
 // 在哈希值变化时执行的代码
});
```
3. 在事件监听器中，可以编写处理哈希值变化的代码。可以通过`event.newURL`和`event.oldURL`属性来获取新旧URL的完整路径。
```javascript
target.addEventListener("hashchange", function(event) {
 var newURL = event.newURL;
 var oldURL = event.oldURL;
 
 // 哈希值发生变化时执行的代码
});
```
4. 最后，记得在不需要监听哈希值变化时，要移除事件监听器，以避免内存泄漏。
```javascript
target.removeEventListener("hashchange", eventListener);
```
完整的示例代码如下：
```javascript
var target = window;

function handleHashChange(event) {
 var newURL = event.newURL;
 var oldURL = event.oldURL;
 
 // 哈希值发生变化时执行的代码
 console.log("哈希值从 " + oldURL + " 变为 " + newURL);
}

target.addEventListener("hashchange", handleHashChange);

// 移除事件监听器
target.removeEventListener("hashchange", handleHashChange);
```
当URL的哈希值发生变化时，控制台会输出哈希值的变化情况。你可以根据自己的需求，在`handleHashChange`函数中编写相应的代码来处理哈希值的变化。