Lompat ke konten Lompat ke sidebar Lompat ke footer

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

Sebelum memahami lebih dalam materi tentang Mendapatkan Nilai Prokotol HTML Menggunakan Location Origin DOM, terlebih dahulu pelajari materi tentang: Mengetahui Nilai URL HTML Menggunakan Lokasi Href DOM [klik], Mengetahui Lokasi Nama Host HTML Menggunakan Hostname DOM [klik], dan Mengatur Nama Host HTML Menggunakan Lokasi Host DOM [klik].

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:


Artikel ini didedikasikan kepada: Putri Ayu Noor Kusumaningtyas, Putri Nilam Pambudi, Putri Vitriana, Qathrunnada Kamilia Firdaus, dan Qinthara Amalia Fatharani.

6 komentar untuk "Mendapatkan Nilai Prokotol HTML Menggunakan Location Origin DOM"

  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

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 -