tutorial pengembangan web terbaru
 

JavaScript Window Location


The window.location objek dapat digunakan untuk mendapatkan arus halaman alamat (URL) dan untuk mengarahkan browser ke halaman baru.


Window Location

The window.location objek dapat ditulis tanpa jendela awalan.

Beberapa contoh:

  • window.location.href mengembalikan href (URL) dari halaman saat ini
  • window.location.hostname mengembalikan nama domain dari web host
  • window.location.pathname mengembalikan path 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

The window.location.href properti mengembalikan URL dari halaman saat ini.

Contoh

Menampilkan href (URL) dari halaman saat ini:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

Hasil adalah:

Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Cobalah sendiri "

Window Location Hostname

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

Contoh

Menampilkan nama host:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

Hasil adalah:

Page hostname is admin.w3ii2.com
Cobalah sendiri "

Window Location Pathname

The window.location.pathname properti mengembalikan pathname dari halaman saat ini.

Contoh

Menampilkan nama jalan dari URL saat ini:

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

Hasil adalah:

/index.php
Cobalah sendiri "

Window Location Protocol

The window.location.protocol properti mengembalikan protokol web halaman.

Contoh

Menampilkan protokol web:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

Hasil adalah:

Page protocol is http:
Cobalah sendiri "

Window Location Assign

The window.location.assign() metode beban dokumen baru.

Contoh

Memuat dokumen baru:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>
Cobalah sendiri "