DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mendapatkan Nilai Prokotol HTML Menggunakan Location Origin DOM

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.

Cara Penggunaan Properti Location Origin DOM pada HTML
Ilustrasi Lokasi Origin DOM HTML

Sintak:
location.origin

Return Values: 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.

Baca Juga:

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

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas