HTML Onhashchange 事件属性|URL的锚发生改变时触发

由 hcduguo

HTML事件属性

定义与用法

  • 当前URL的锚点部分（以“＃”符号开头）发生更改时，将触发onhashchange属性。
  • onhashchange属性是HTML5中的新增功能。
要调用此事件，您可以：
  • 通过设置位置对象的 location.hash或location.href属性来更改锚点部分；
  • 使用其他书签导航到当前页面（使用“后退”或“前进”按钮）；
  • 单击指向书签锚的链接；

语法格式

<element onhashchange=”script“>

示例代码

<!DOCTYPE html>
<html>
    <body onhashchange="myFunction()">
        <p>单击该按钮将当前URL的锚部分更改为#part5</p>
        <button onclick="changePart()">试一下</button>
        <p id="demo"></p>
        <script>
            function changePart() {
                location.hash = "part5";
                var x = "The anchor part is now: " + location.hash;
                document.getElementById("demo").innerHTML = x;
            }
            function myFunction() {
                alert("锚已经改变了!");
            }
        </script>
    </body>
</html>

单击该按钮将当前URL的锚部分更改为#part5

浏览器支持

表格中的数字指定了完全支持事件属性的第一个浏览器版本。

属性值

值描述
script在onhashchange中执行的脚本。

技术细节

支持的HTML标签：<body>

相关页面

HTML DOM参考：onhashchange事件

HTML事件属性

相关