Javascript

Lokasi JavaScript

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

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" >


Catur Kurnia Sari

Share
Tags: javascript