JavaScript Window Location

Objek window.location dapat digunakan untuk mendapatkan alamat halaman semasa (URL) dan mengalihkan browser ke halaman baru.

Lokasi Window

window.location Objek boleh ditulis tanpa awalan window.

Beberapa contoh:

  • window.location.href mengembalikan href (URL) halaman semasa
  • window.location.hostname mengembalikan nama domain hos web
  • window.location.pathname mengembalikan jalur atau nama berkas halaman semasa
  • window.location.protocol mengembalikan protokol web yang digunakan (http: atau https:)
  • window.location.assign memuat dokumen baru

Href Lokasi Window

window.location.href Properti ini mengembalikan URL halaman semasa.

Contoh

Tunjukkan href (URL) halaman semasa:

document.getElementById("demo").innerHTML = "Lokasi halaman adalah " + window.location.href;

Hasil adalah:

Lokasi halaman adalah http://www.codew3c.com/js/js_window_location.asp

Coba Sendiri

Nama Hos Lokasi Window

window.location.hostname Properti ini mengembalikan nama hos internet (hos halaman semasa).

Contoh

Tunjukkan nama hos:

document.getElementById("demo").innerHTML = "Nama hos halaman adalah " + window.location.hostname;

Hasil adalah:

Nama hos halaman adalah www.codew3c.com

Coba Sendiri

Jalur Lokasi Window

window.location.pathname Properti ini mengembalikan jalur halaman halaman semasa.

Contoh

Tunjukkan jalur URL semasa:

document.getElementById("demo").innerHTML = "Jalur halaman halaman adalah " + window.location.pathname;

Hasil adalah:

Jalur halaman halaman adalah /js/js_window_location.asp

Coba Sendiri

Protokol Lokasi Window

window.location.protocol Properti ini mengembalikan protokol web halaman.

Contoh

Tunjukkan protokol web:

document.getElementById("demo").innerHTML = "Protokol halaman adalah " + window.location.protocol;

Hasil adalah:

Protokol halaman adalah http:

Coba Sendiri

Port Window Location

window.location.port Atribut kembalikan nomor port host internet (halaman yang saat ini ditampilkan).

Contoh

Tunjukkan port host utama:

document.getElementById("demo").innerHTML = "Port adalah: " + window.location.port;

Coba Sendiri

Banyak pelayar tidak akan menunjukkan port default (http adalah 80, https adalah 443).

Window Location Assign

window.location.assign() Methode muat dokumen baru.

Contoh

Muat dokumen baru:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Muat dokumen baru" onclick="newDoc()">
</body>
</html> 

Coba Sendiri