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.
Sintak:
Property Values: merupakan nilai string yang digunakan untuk sebagai port.
Return Value: merupakan nilai string yang merepresentasikan angka port dari sebuah URL.
Contoh:
 |
| 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].
- 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.
Referensi Tambahan:
- 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]
- Cara Penggunaan Properti Navigator Geolokasi pada HTML [klik]
- Cara Penggunaan Properti Navigator Language pada HTML [klik]
Artikel ini didedikasikan kepada: Putri Vitriana, Qathrunnada Kamilia Firdaus, Qinthara Amalia Fatharani, Raditya Dwi Hardhani, dan Rafi Udin Musthofa.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti lokasi port DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti lokasi port DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti location port DOM pada html?
BalasHapusProperti port digunakan untuk mengatur atau mengembalikan nilai bagian port dari nilai atribut href. Sedangkan atribut href digunakan untuk menentukan tujuan tautan dari suatu area.
HapusApa fungsi dari properti location.port DOM pada HTML?
BalasHapusProperti 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