Lokasi JavaScript

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

Section Artikel

1 Window Location
2 Window Location Href
3 Window Location Hostname
4 Window Location Pathname
5 Window Location Protocol
6 Window Location Port
7 Window Location Assign

Window Location

Objek window.location dapat ditulis tanpa awalan window.

Beberapa contoh:

window.location.href mengembalikan href (URL) dari halaman ini
window.location.hostname mengembalikan nama domain web host
window.location.pathname mengembalikan jalur dan nama file dari halaman saat ini
window.location.protocol mengembalikan protokol web yang digunakan (http: atau https 🙂
window.location.assign()memuat dokumen baru

Window Location Href

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

Contoh:
Tampilkan href (URL) dari halaman ini.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>object window.location</h3>

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

<script>
document.getElementById("demo").innerHTML = 
"URL lengkap halaman ini adalah:<br>" + window.location.href;
</script>

</body>
</html>

Window Location Hostname

Properti window.location.hostname mengembalikan nama host internet (dari halaman saat ini).

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>object window.location</h3>

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

<script>
document.getElementById("demo").innerHTML = 
"Nama host halaman adalah: " + window.location.hostname;
</script>

</body>
</html>

Window Location Pathname

Properti window.location.pathname mengembalikan nama path dari halaman saat ini.

Contoh:
Tampilkan nama path dari URL saat ini.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>object window.location </h3>

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

<script>
document.getElementById("demo").innerHTML =
"Path halaman adalah: " + window.location.pathname;
</script>

</body>
</html>

Window Location Protocol

Properti window.location.protocol mengembalikan protokol web halaman.

Contoh:
Tampilkan protokol web.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>Object window.location</h3>

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

<script>
document.getElementById("demo").innerHTML =
"Protokol halaman adalah: " + window.location.protocol;
</script>

</body>
</html>

Window Location Port

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

Contoh:
Tampilkan nama host.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>object window.location</h3>

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

<p><b>Catatan: </b>Jika nomor port adalah default (80 untuk http dan 443 untuk https), kebanyakan browser akan menampilkan 0 atau tidak menampilkan apapun.</p>

<script>
document.getElementById("demo").innerHTML = 
"Nomor port URL halaman saat ini adalah: " + window.location.port;
</script>

</body>
</html>

Kebanyakan browser tidak akan menampilkan nomor port default (80 untuk http dan 443 untuk https).

Window Location Assign

Metode window.location.assign() memuat dokumen baru.

Contoh:
Memuat dokumen baru.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript</h2>

<h3>object window.location </h3>

<input type="button" value="Memuat dokumen baru" onclick="newDoc()">

<script>
function newDoc() {
  window.location.assign("https://www.dosenit.com")
}
</script>

</body>
</html>

javascript