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.
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.
Berikut adalah ilustrasi dari penggunaan method Location Origin DOM pada HTML.
Contoh:
 |
| 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].
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 DOMKlik pada tombol untuk mendapatkan lokasi original pada halaman:
Lokasi original dari halaman ini adalah:
Referensi Tambahan:
- 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]
- Cara Penggunaan Properti Navigator appCodeName pada HTML [klik]
- Cara Penggunaan Properti Navigator appName pada HTML [klik]
- Cara Penggunaan Properti Navigator appVersion pada HTML [klik]
- Cara Penggunaan Properti Navigator cookieEnabled pada HTML [klik]
Artikel ini didedikasikan kepada: Putri Ayu Noor Kusumaningtyas, Putri Nilam Pambudi, Putri Vitriana, Qathrunnada Kamilia Firdaus, dan Qinthara Amalia Fatharani.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti location origin DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti location origin DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer 11.0
3. Firefox
4. Opera 15.0
5. Safari
Apa yang dimaksud dengan properti location.origin DOM pada HTML?
BalasHapusProperti read-only origin merupakan interface dari USVString yang mengandung nilai serialisasi Unicode dari nilai asal yang merepresentasikan URL.
HapusApa fungsi properti location.origin DOM pada HTML?
BalasHapusProperti location.origin berfungsi untuk mengembalikan nilai string yang sesuai dengan nilai protokol URL, nama host, dan nomor port host jika nilainya telah ditentukan.
Hapus