Lompat ke konten Lompat ke sidebar Lompat ke footer

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.


Sebelum memahami lebih dalam materi tentang Atribut Onhashchange HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Memunculkan Pesan Error HTML Menggunakan Atribut Onerror, Melakukan Pembongkaran Dokumen HTML Menggunakan Atribut Unloaded, dan Efek Sebelum Mencetak HTML Menggunakan Atribut Onbeforeprint.

Tag Pendukung:
  • <body>

Sintak: <element onhashchange = "script">

Value Atribut: mengandung script value tunggal dan akan bekerja ketikan event onhashchange dipanggil. Atribut ini juga berasosiasi dengan tag <body>.

Baca Juga:

Contoh:

<!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



Artikel ini didedikasikan kepada: Ratna Yunaida, Ritchie Sukma Winata, Safira Edenia Safitri, Selklidzul Anisaadah, dan Shofana Ramadhani.

5 komentar untuk "Atribut Onhashchange HTML dan Fungsinya"

  1. Apa yang dimaksud dengan atribut onhashchange pada elemen html?

    BalasHapus
    Balasan
    1. Definisi dan penggunaan atribut onhashchange diaktifkan pada html ketika ada perubahan pada bagian anchor dari URL saat ini.

      Hapus
  2. Apa yang digunakan sebagai penanda anchor pada atribut onhashchange elemen html?

    BalasHapus
    Balasan
    1. tanda anchor adalah '#' yang menjadi penanda ketika digunakan menggunakan atribut onhashchange html.

      Hapus
  3. Masih bingung penggunaan atribut onhashchange, mungkin lebih mudah jika sudah dipraktikkan terlebih dahulu.

    BalasHapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -