Thực thi script khi phần neo (anchor) của URL thay đổi trong HTML?

Sử dụng thuộc tính onhashchange để thực thi script khi phần neo (anchor/hash) của URL thay đổi trong HTML.

Ví dụ

Bạn có thể chạy mã sau để triển khai thuộc tính onhashchange:

<!DOCTYPE html>
<html>
  <body onhashchange="display()">
    <p>Thay đổi phần neo</p>
    <button onclick="change()">Thay đổi</button>
    <p id="test"></p>
    <script>
      function change() {
        location.hash = "part2";
        var a = "Phần neo hiện tại - " + location.hash;
        document.getElementById("test").innerHTML = a;
      }
      function display() {
        alert("Phần neo đã thay đổi!");
      }
    </script>
  </body>
</html>