HTML DOM HashChangeEvent

HashChangeEvent là giao diện (interface) đại diện cho các sự kiện kích hoạt khi phần # (hash) của URL bị thay đổi.

Thuộc tính

Cú pháp

event.property

Trong đó property là newURL hoặc oldURL.

Ví dụ

Ví dụ theo dõi thay đổi hash của URL:

<!DOCTYPE html>
<html>
<body onhashchange="showChange(event)">
<h1>Ví dụ HashChangeEvent</h1>
<p>Nhấn nút để thay đổi hash của URL</p>
<button onclick="changeHash()">THAY ĐỔI HASH</button>
<p id="Sample"></p>
<script>
  function changeHash() {
    location.hash = "NEWHASH";
  }
  function showChange(event) {
    document.getElementById("Sample").innerHTML = "URL đã thay đổi từ " + event.oldURL + " thành " + event.newURL;
  }
</script>
</body>
</html>

Kết quả

Ban đầu URL không có hash (hoặc hash cũ).

Sau khi nhấn "THAY ĐỔI HASH", URL thêm #NEWHASH, hiển thị thông báo: "URL đã thay đổi từ [URL cũ] thành [URL mới với #NEWHASH]".

Giải thích

• Thuộc tính onhashchange trên <body> gán hàm showChange(event).
• Nút "THAY ĐỔI HASH" gọi changeHash(), đặt location.hash = "NEWHASH".
• Khi hash thay đổi, sự kiện hashchange kích hoạt, gọi showChange() với đối tượng event.
• Hàm hiển thị event.oldURL và event.newURL.