Location Window JavaScript

Objek window.location dapat digunakan untuk mendapatkan alamat halaman saat ini (URL) dan mearahkan browser ke halaman baru.

Lokasi Window

window.location Objek dapat ditulis tanpa awalan window.

Beberapa contoh:

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

Href Lokasi Window

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

Contoh

Tampilkan href (URL) halaman saat ini:

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

Hasilnya:

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

Coba Sendiri

Nama Tuan Rumah Lokasi Window

window.location.hostname Properti mengembalikan nama tuan rumah internet (halaman saat ini).

Contoh

Tampilkan nama tuan rumah:

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

Hasilnya:

Nama tuan rumah halaman adalah www.codew3c.com

Coba Sendiri

Jalur Lokasi Window

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

Contoh

Tampilkan jalur URL saat ini:

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

Hasilnya:

Jalur halaman adalah /js/js_window_location.asp

Coba Sendiri

Protokol Lokasi Window

window.location.protocol Properti mengembalikan protokol web halaman.

Contoh

Tampilkan protokol web:

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

Hasilnya:

Perjanjian halaman adalah http:

Coba Sendiri

Window Location Port

window.location.port Properti mengembalikan nomor port host internet (halaman saat ini).

Contoh

Tampilkan port host utama:

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

Coba Sendiri

Sebagian besar peramban tidak menampilkan port default (http adalah 80, https adalah 443).

Window Location Assign

window.location.assign() Method 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