Cara Penggunaan Properti Location Origin DOM pada HTML

Properti Location Origin DOM pada HTML digunakan untuk mengembalikan nilai protokol, hostname, dan angka port dari sebuah URL. Properti Location Origin merupakan properti yang bersifat read-only.

Sintak:
location.origin

Return Value: method ini mengembalikan sebuah nilai string yang merepresentasikan sebuah nilai protokol, nama domain atau alamat IP, dan angka port. URL yang memiliki protokol 'file://' mungkin akan mengembalikan nilai yang berbeda-beda bergantung pada jenis browser yang digunakann.

Catatan: beberapa jenis browser mungkin tidak akan menampilkan nilai dari angka port.

Berikut adalah ilustrasi dari penggunaan method Location Origin DOM pada HTML.

Contoh:

<!DOCTYPE html>

<html lang="en">

 

<head>

<title>

Properti Location Origin DOM

</title>

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Location Origin DOM

</b>

 

<p>

Klik pada tombol untuk 

mendapatkan lokasi original 

pada halaman:

</p>

 

<button 

onclick="getOrigin();">

Get Location Origin

</button>

 

<p>

Lokasi original dari halaman 

ini adalah:

</p>

 

<div class="location"></div>

 

<script>

function getOrigin() 

{

let loc = location.origin;

document.querySelector('.location')

.innerHTML = loc;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Location Origin DOM

Klik pada tombol untuk mendapatkan lokasi original pada halaman:

Lokasi original dari halaman ini adalah:

Komentar

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

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti location origin DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer 11.0
      3. Firefox
      4. Opera 15.0
      5. Safari

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

    BalasHapus
    Balasan
    1. Properti read-only origin merupakan interface dari USVString yang mengandung nilai serialisasi Unicode dari nilai asal yang merepresentasikan URL.

      Hapus
  3. Apa fungsi properti location.origin DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti location.origin berfungsi untuk mengembalikan nilai string yang sesuai dengan nilai protokol URL, nama host, dan nomor port host jika nilainya telah ditentukan.

      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