Mengetahui Lokasi Link HTML Menggunakan Lokasi Hash DOM
Properti lokasi hash DOM pada HTMl digunakan untuk mengembalikan nilai bagian anchor dari sebuah URL. Properti ini juga digunakan untuk mengatur nilai bagian anchor dari suatu URL. Properti hash lokasi juga mengembalikan nilai string yang merepresentasikan nilai bagian anchor dari sebuah URL termasuk juga tanda hash '#'.
Sintak:
Property Values
Return Values: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan bagian anchor dari sebuah URL.
Berikut adalah ilustrasi program properti lokasi hash pada HTML.
Contoh:
 |
| Ilustrasi Properti Lokasi Hash DOM HTML |
Sebelum memahami lebih dalam materi tentang Mengetahui Lokasi Link HTML Menggunakan Lokasi Hash DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Item Nama HTML Menggunakan namedItem HTMLcollection [klik], Mengetahui Nilai Koleksi HTML Menggunakan Length HTMLcollection [klik], dan Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM [klik].
- Berfungsi untuk mengembalikan nilai properti hash: location.hash.
- Berfungsi untuk mengatur nilai properti hash: location.hash = anchorname.
Property Values
- anchorname: mengandung sebuah nilai string yang digunakan untuk menentukan nilai bagian anchor dari suatu URL tertentu.
Return Values: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan bagian anchor dari sebuah URL.
Baca Juga:
Berikut adalah ilustrasi program properti lokasi hash pada HTML.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Lokasi Hash DOM
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Lokasi Hash DOM
</h2>
<p>
Untuk mengatur nilai bagian
anchor ke 'newlocationhash',
lakukan double klik pada
tombol "Set Anchor":
</p>
<button
ondblclick="mylocation()">
Set Anchor
</button>
<p id="hash"></p>
<script>
function mylocation()
{
location.hash = "newlocationhash";
var h =
"The anchor part is now: " + location.hash;
document.getElementById("hash").innerHTML = h;
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti Lokasi Hash DOM
Untuk mengatur nilai bagian anchor ke 'newlocationhash', lakukan double klik pada tombol "Set Anchor":
Referensi Tambahan:
- Cara Penggunaan Properti Lokasi Pathname DOM pada HTML [klik]
- 2 Sintak pada Properti Lokasi Port DOM pada HTML [klik]
- 2 Sintak Penggunaan Properti Location Protocol DOM pada HTML [klik]
- 2 Sintak Properti Location Search DOM pada HTML [klik]
- Cara Penggunaan Method Lokasi assign() DOM pada HTML [klik]
- 2 Parameter Method location.reload() DOM pada HTML [klik]
- Cara Penggunaan Method location.replace() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Nuraeni Setya Ningrum, Nurrachmad Firman Adhi Susilo, Nurul Hidayah, Pingky Puteri Larasati, dan Putri Ayu Noor Kusumaningtyas.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti lokasi hash DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti lokasi hash DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan hash lokasi DOM pada HTML?
BalasHapusProperti lokasi hash digunakan untuk mengatur atau mengembalikan bagian jangkar dari URL, termasuk juga tanda hash (#).
HapusAPa fungsi properti hash lokasi DOM pada HTML?
BalasHapusProperti hash dari interface lokasi berfungsi untuk mengembalikan nilai USVString yang berisi nilai '#' yang diikut oleh nilai identifikasi pragmen URL.
Hapus