Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengetahui Lokasi Nama Host HTML Menggunakan Hostname DOM

Properti hostname lokasi pada DOM HTML digunakan untuk mengembalikan hostname dari lokasi URL saat ini. Properti lokasi hostname mengembalikan sebuah string yang mengandung domain name, atau alamat IP dari sebuah URL.

2 Sintak Penggunaan Properti Lokasi Hostname DOM pada HTML
Ilustrasi Properti Lokasi Hostname DOM HTML

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

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

Baca Juga:

Berikut adalah ilustrasi penggunaan properti lokasi hostname DOM pada HTML.

Contoh:

 

 

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Lokasi Hostname DOM

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti lokasi hostname DOM

</h2>

 

<p>

Untuk mengembalikan nilai 

hostname dari URL saat ini, 

lakukan double klik pada 

tombol "Return hostname":

</p>

 

<button 

ondblclick="myhost()">

Return hostname

</button>

 

<p id="hostname"></p>

 

<script>

function myhost() 

{

var h = location.hostname;

 

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

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti lokasi hostname DOM

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


Artikel ini didedikasikan kepada: Nurul Hidayah, Pingky Puteri Larasati, Putri Ayu Noor Kusumaningtyas, Putri Nilam Pambudi, dan Putri Vitriana.

6 komentar untuk "Mengetahui Lokasi Nama Host HTML Menggunakan Hostname DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method lokasi hostname DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan lokasi hostname DOM pada HTML?
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan hostname pada url?

    BalasHapus
    Balasan
    1. Properti hostname dari interface URL merupakan properti USVString yang berisi nama domain dari suatu URL.

      Hapus
  3. Apa yang dimaksud dengan host name pada internet?

    BalasHapus
    Balasan
    1. Hostname atau nama host merupakan nama domain yang ditetapkan ke komputer host. Contoh, jika Computer Del memiliki dua komputer di jaringannya yang bernama "bart" dan "homer", maka nama domain "bart.computerdel.com" akan terhubung ke "bart" tersebut.

      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 -