原文网址:JS--hashchange事件--使用/教程_IT利刃出鞘的博客-CSDN博客
简介
说明
本文介绍hashchange事件的用法。
hashchange事件是html5新增的api,用来监听浏览器链接的hash值变化。
URL的片段标识符(URL 中 # 后面的部分)改变时会触发 hashchange 事件。
官网网址
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/hashchange_event
概述
属性 |
值 |
描述 |
bubbles |
true |
事件能冒泡 |
cancelable |
false |
事件不能被取消 |
oldURL |
String |
跳转前的URL |
newURL |
String |
跳转后的当前URL |
代码示例
示例1:addEventListener
window.addEventListener('hashchange', function() {
console.log('The hash has changed!')
}, false);
示例2:onhashchange
function locationHashChanged() {
if (location.hash === '#cool-feature') {
console.log("You're visiting a cool feature!");
}
}
window.onhashchange = locationHashChanged;