Thuộc tính sự kiện onhashchange HTML được kích hoạt khi có sự thay đổi trong phần liên kết của URL trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
<tagname onhashchange=”script”></tagname>
Hãy để chúng tôi xem một ví dụ về thuộc tính sự kiện onhashchange HTML−
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
body {
color: #000;
height: 100vh;
background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
text-align: center;
}
.btn {
background: #db133a;
border: none;
color: #fff;
height: 2rem;
padding: 8px 10px;
}
</style>
</head>
<body onhashchange="hashChange()">
<h1>HTML onhashchange Event Attribute Demo</h1>
<button class="btn" onclick="change()">Set Hash</button>
<p class="msg"></p>
<script>
function change() {
location.hash = "newHashPart";
document.querySelector('.msg').innerHTML = 'The hash part of the URL is: ' + location.hash;
}
function hashChange() {
document.body.style.background = 'lightblue';
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Đặt băm ”Để đặt một hàm băm mới cho URL hiện tại và quan sát cách hoạt động của thuộc tính sự kiện onhashchange:
