2 Contoh Penggunaan Properti Lokasi href DOM pada HTML

Properti lokasi href DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai URL lengkap dari halaman saat ini. Properti href lokasi juga dapat digunakan untuk mengatur nilai href ke website lainnya atau ke titik tujuan dari alamat email. Properti lokasi href mengembalikan sebuah string yang mengandung keseluruhan alamat URL dari suatu halaman, termasuk juga nilai protokolnya.

Sintak:
  • Berfungsi untuk mengembalikan nilai properti href: location.href
  • Berfungsi untuk mengatur nilai properti href: location.href = URL

Berikut adalah ilustrasi program properti lokasi href DOM pada HTML.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Lokasi href DOM

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Lokasi href DOM

</h2>

 

<p>

Untuk mengembalikan nilai 

keseluruhan dari alamat URL 

saat ini, lakukan double klik 

pada tombol "Return URL":

</p>

 

<button 

ondblclick="myhref()">

Return URL

</button>

 

<p id="href"></p>

 

<script>

function myhref() 

{

var h = location.href;

 

document.getElementById("href").innerHTML = h;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Lokasi href DOM

Untuk mengembalikan nilai keseluruhan dari alamat URL saat ini, lakukan double klik pada tombol "Return URL":



Contoh: mengatur nilai href ke titik lain dari URL website.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Lokasi href DOM

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Lokasi href DOM

</h2>

 

<p>

Untuk mengarah ke alaman 

elfanmauludi.id, lakukan 

double klik pada tombol 

"Redirect":

</p>

 

<button 

ondblclick="myhref()">

Redirect

</button>

 

<script>

function myhref() 

{

location.href =

"https://elfanmauludi.id";

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Lokasi href DOM

Untuk mengarah ke alaman elfanmauludi.id, lakukan double klik pada tombol "Redirect":

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti lokasi href DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti lokasi href DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti location.href DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti location.href DOM pada HTML digunakan untuk menetapkan atau mengembalikan nilai seluruh URL pada halaman yang digunakan saat ini.

      Hapus
    2. Properti href dari interface location merupakan stringifier yang berfungsi untuk mengembalikan USVString yang berisi nilai dari seluruh URL, dan memungkinkan untuk nilai href diperbarui.

      Hapus

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C