onhashchange 事件
HTML DOM 的 onhashchange 事件在当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发
语法
HTML
<element onhashchange=" myScript ">
JavaScript
object.onhashchange=function(){ /*myScript*/ };
JavaScript addEventListener() 方法
object.addEventListener("hashchange", /*myScript*/ );
Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法
浏览器支持
| Yes | Yes | Yes | Yes | Yes |
说明
带有锚的 URL : https://twle.cn/test.htm#part2 其中锚部分为 #part2
我们可以使用以下方式调用事件
-
通过设置 Location 对象 的 location.hash 或 location.href 属性修改锚部分
-
使用不同书签导航到当前页面（使用"后退"或"前进"按钮）
-
点击链接跳转到书签锚
技术细节
| 是否支持冒泡 | Yes |
|---|---|
| 是否可以取消 | No |
| 事件类型 | Event |
| 支持的 HTML 标签 | <body> |
范例
当锚部分发生变化时执行 JavaScript
<body onhashchange="myFunction()">