Atribut Onhashchange HTML dan Fungsinya
Atribut onhashchange bekerja ketika terdapat perubahan pada bagian tag anchor. Bagian anchor tersebut dimulai dengan tanda '#' dari URL saat ini.
Tag Pendukung:
Sintak:
<element onhashchange = "script">
Value Atribut: mengandung script value tunggal dan akan bekerja ketikan event onhashchange dipanggil. Atribut ini juga berasosiasi dengan tag <body>.
Contoh:
 |
| Ilustrasi Atribut Onhashchange HTML |
Sebelum memahami lebih dalam materi tentang Atribut Onhashchange HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Memunculkan Pesan Error HTML Menggunakan Atribut Onerror [klik], Melakukan Pembongkaran Dokumen HTML Menggunakan Atribut Unloaded [klik], dan Efek Sebelum Mencetak HTML Menggunakan Atribut Onbeforeprint [klik].
- <body>
Sintak:
<element onhashchange = "script">
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Event Atribut Onhashchange
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
event atribut onhashchange
</h2>
<button onclick="changePart()">
Try it
</button>
<div id="mkn"></div>
<script>
function changePart() {
location.hash = "2";
var Bons = "Anchor part: " + location.hash;
document.getElementById("mkn").innerHTML = Bons;
}
function myFunction() {
alert("Anchor telah berubah!");
}
</script>
</html>
Output:Blog Elfan
event atribut onhashchange
Referensi Tambahan:
- Cara Singkat Penggunaan Atribut OnResize pada Elemen HTML [klik]
- Cara Penggunaan Atribut OnUnload pada Elemen HTML [klik]
- 9 Tag Pendukung Penggunaan Atribut OnChange pada HTML [klik]
- Penggunaan Atribut OnCOntextMenu pada Elemen HTML [klik]
- 11 Tag Pendukung Penggunaan Atribut OnFocus pada Elemen HTML [klik]
- 4 Elemen Pendukung Penggunaan Atribut OnInput pada Elemen HTML [klik]
- Cara Sederhana Penggunaan Atribut OnInvalid pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Ratna Yunaida, Ritchie Sukma Winata, Safira Edenia Safitri, Selklidzul Anisaadah, dan Shofana Ramadhani.
Apa yang dimaksud dengan atribut onhashchange pada elemen html?
BalasHapusDefinisi dan penggunaan atribut onhashchange diaktifkan pada html ketika ada perubahan pada bagian anchor dari URL saat ini.
HapusApa yang digunakan sebagai penanda anchor pada atribut onhashchange elemen html?
BalasHapustanda anchor adalah '#' yang menjadi penanda ketika digunakan menggunakan atribut onhashchange html.
HapusMasih bingung penggunaan atribut onhashchange, mungkin lebih mudah jika sudah dipraktikkan terlebih dahulu.
BalasHapus