Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Nama Host HTML Menggunakan Lokasi Host DOM

Properti Host Lokasi DOM pada HTML digunakan untuk mengatur atau mengembalikan hostname dan port dari sebuah URL. Properti Hash Lokasi tidak mengembalikan angka port jika nilai tersebut tidak ditentukan pada sebuah URL.

2 Sintak Pada Properti Lokasi Host DOM pada HTML
Ilustrasi Properti Lokasi Host DOM HTML

Sebelum memahami lebih dalam materi tentang Mengatur Nama Host HTML Menggunakan Lokasi Host DOM, terlebih dahulu pelajari materi tentang: Mengetahui Lokasi Link HTML Menggunakan Lokasi Hash DOM [klik], Mendapatkan Item Nama HTML Menggunakan namedItem HTMLcollection [klik], dan Mengetahui Nilai Koleksi HTML Menggunakan Length HTMLcollection [klik].

Sintak:
  • Berfungsi untuk mengembalikan properti host: location.host
  • Berfungsi untuk mengatur nilai properti host: location.host = hostname:port

Property Values
  • hostname:port: mengandung sebuah nilai string yang mendefinisikan hostname dan portnumber dari sebuah URL.

Return Values: merupakan sebuah string yang merepresentasikan nama domain dan angka port, atau alamat IP dari sebuah URL.

Baca Juga:

Berikut adalah ilustrasi program properti host lokasi pada HTML.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Lokasi Host DOM

</title>

 

<style>

h1 

{

color:green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Host Lokasi DOM

</h2>

 

<p>

Untuk mengembalikan nilai 

hostname dan port dari URL 

saat ini, lakukan double klik 

pada tombol "Return Hostname":

</p>

 

<button 

ondblclick="myhost()">

Return Hostname

</button>

 

<p id="host"></p>

 

<script>

function myhost() 

{

var h = location.host;

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

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Host Lokasi DOM

Untuk mengembalikan nilai hostname dan port dari URL saat ini, lakukan double klik pada tombol "Return Hostname":


Artikel ini didedikasikan kepada: Nurrachmad Firman Adhi Susilo, Nurul Hidayah, Pingky Puteri Larasati, Putri Ayu Noor Kusumaningtyas, dan Putri Nilam Pambudi.

5 komentar untuk "Mengatur Nama Host HTML Menggunakan Lokasi Host DOM"

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

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

      Hapus
  2. Apa yang dimaksud dengan location.host() DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti location.host() DOM pada HTML berfungsi untuk mengembalikan nilai host atau alamat IP (domain) dan nilai port URL. Properti location.host nilainya juga dapat diatur untuk melakukan navigasi ke URL yang sama dengan nilai host dan port yang baru.

      Hapus
    2. Properti host berfungsi untuk mengembalikan nama host internet dari halaman yang digunakan saat ini pada browser.

      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 -