Lokasi Jendela JavaScript
Objek window.location
dapat digunakan untuk mendapatkan alamat halaman (URL) saat ini dan untuk mengarahkan browser ke halaman baru.
Lokasi Jendela
Objek window.location
dapat ditulis tanpa awalan jendela.
Beberapa contoh:
window.location.href
mengembalikan href (URL) dari halaman saat iniwindow.location.hostname
mengembalikan nama domain dari web hostwindow.location.pathname
mengembalikan jalur dan nama file dari halaman saat iniwindow.location.protocol
mengembalikan protokol web yang digunakan (http: atau https:)window.location.assign()
memuat dokumen baru
Referensi Lokasi Jendela
Properti window.location.href
mengembalikan URL halaman saat ini.
Contoh
Tampilkan href (URL) dari halaman saat ini:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Hasilnya adalah:
Page location is https://id.pictoshow.com/js/js_window_location.asp
Nama Host Lokasi Jendela
Properti window.location.hostname
mengembalikan nama host internet (dari halaman saat ini).
Contoh
Tampilkan nama host:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
Hasilnya adalah:
Page hostname is id.pictoshow.com
Nama Jalur Lokasi Jendela
Properti window.location.pathname
mengembalikan nama jalur halaman saat ini.
Contoh
Tampilkan nama jalur URL saat ini:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Hasilnya adalah:
Page path is /js/js_window_location.asp
Protokol Lokasi Jendela
Properti window.location.protocol
mengembalikan protokol web halaman.
Contoh
Menampilkan protokol web:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Hasilnya adalah:
Page protocol is https:
Pelabuhan Lokasi Jendela
Properti window.location.port
mengembalikan nomor port host internet (dari halaman saat ini).
Contoh
Tampilkan nama host:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
Hasilnya adalah:
Port number is
Sebagian besar browser tidak akan menampilkan nomor port default (80 untuk http dan 443 untuk https)
Penetapan Lokasi Jendela
Metode window.location.assign()
memuat dokumen baru.
Contoh
Muat dokumen baru:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>