Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Port URL HTML Menggunakan Lokasi Port DOM

Properti lokasi port DOM pada HTML merupakan properti yang digunakan untuk mengembalikan atau mengatur nilai angka port dari URL saat ini.

2 Sintak pada Properti Lokasi Port DOM pada HTML
Ilustrasi Properti Lokasi Port DOM HTML

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

Sintak:
  • Mendapatkan properti port: location.port
  • Mengatur nilai properti port: location.port = 8080

Property Values: merupakan nilai string yang digunakan untuk sebagai port.

Baca Juga:

Return Value: merupakan nilai string yang merepresentasikan angka port dari sebuah URL.

Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<h2>

Blog Elfan

</h2>

 

<p id="demo"></p>

 

<p>

<b>Catatan: </b>

Jika angka port adalah 

bernilai default (80 untuk 

http dan 443 untuk https), 

maka secara umum atau 

sebagian besar browser akan 

menampilkan nilai 0 atau 

tidak menampilkan nilai 

apapun.

</p>

 

<script>

const url = document.createElement('a');

url.setAttribute('href', 'https://www.penelitian.id/');

// mengakses "url.port"

window.alert("Nilai URL"

+ " port dari halaman sa"

+ "at ini adalah: "

+ url.port);

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Catatan: Jika angka port adalah bernilai default (80 untuk http dan 443 untuk https), maka secara umum atau sebagian besar browser akan menampilkan nilai 0 atau tidak menampilkan nilai apapun.


Artikel ini didedikasikan kepada: Putri Vitriana, Qathrunnada Kamilia Firdaus, Qinthara Amalia Fatharani, Raditya Dwi Hardhani, dan Rafi Udin Musthofa.

6 komentar untuk "Mengatur Port URL HTML Menggunakan Lokasi Port DOM"

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

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

      Hapus
  2. Apa yang dimaksud dengan properti location port DOM pada html?

    BalasHapus
    Balasan
    1. Properti port digunakan untuk mengatur atau mengembalikan nilai bagian port dari nilai atribut href. Sedangkan atribut href digunakan untuk menentukan tujuan tautan dari suatu area.

      Hapus
  3. Apa fungsi dari properti location.port DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti port merupakan interface location dari USVString yang berisi informasi tentang nomor port URL. Jika suatu URL tidak berisi nomor port secara eksplisit, maka nilai tersebut akan diatur ke tipe nul atau ' '.

      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 -