Objek Lokasi

Objek Location Window

Objek Lokasi mengandung informasi tentang URL saat ini.

Objek Lokasi adalah properti objek window.

Objek Lokasi dapat diakses melalui cara berikut:

window.location atau hanya lokasi

Contoh

let asal = window.location.origin;

Coba sendiri

let origin = location.origin;

Coba sendiri

Properti objek Location

Properti Deskripsi
hash Atur atau kembalikan bagian anjut URL (#).
host Atur atau kembalikan nama tujuan dan port URL.
hostname Atur atau kembalikan nama tujuan URL.
href Atur atau kembalikan URL penuh.
origin Kembalikan protokol, nama tujuan dan port URL.
pathname Atur atau kembalikan nama jalur URL.
port Atur atau kembalikan port URL.
protocol Atur atau kembalikan protokol URL.
search Atur atau kembalikan bagian string query URL.

Metode objek Location

Metode Deskripsi
assign() Muat dokumen baru.
reload() Ulangi muat dokumen saat ini.
replace() Ganti dokumen saat ini dengan dokumen baru.

Deskripsi objek Location

Objek Location disimpan di properti Location objek Window, menunjukkan alamat Web dokumen yang saat ini ditampilkan di jendela itu. Ia atribut hrefyang disimpan adalah URL penuh dokumen, sementara properti lainnya masing-masing mendeskripsikan bagian URL. Properti ini sangat mirip dengan properti URL objek Anchor (atau objek Area). Ketika objek Location diubah menjadi string, nilai properti href yang dikembalikan. Ini berarti Anda dapat menggunakan ekspresi location untuk menggantikan location.href.

Namun, objek Anchor menunjukkan tautan di dokumen, sedangkan objek Location menunjukkan URL (atau posisi) dokumen yang saat ini ditampilkan di peramban. Namun, tindakan yang dapat dilakukan objek Location jauh lebih banyak daripada itu, ia dapat mengendalikan posisi dokumen yang ditampilkan di peramban. Jika Anda memberikan string yang mengandung URL kepada objek Location atau properti hrefnya, peramban akan memuat dan menampilkan dokumen yang ditunjukkan oleh URL baru.

Selain mengganti location atau location.href dengan URL penuh untuk menggantikan URL saat ini, Anda juga dapat mengubah bagian URL, hanya perlu memberikan nilai properti lainnya untuk objek Location. Hal ini akan menciptakan URL baru yang sebagian besar berbeda dengan URL asli, peramban akan menguatinya dan menampilkannya. Contohnya, jika Anda mengatur properti atribut hashJika demikian, peramban akan berpindah ke posisi yang ditentukan di dokumen saat ini. Secara sama, jika diatur properti searchjika demikian, browser akan memuat ulang URL yang dihubungkan dengan query string baru.

Selain properti URL, objek Location Metode reload()Dapat memuat kembali dokumen saat ini,replace() Dapat memuat dokumen baru tanpa menciptakan catatan sejarah baru untuknya, yang artinya, dokumen baru akan menggantikan dokumen saat ini dalam daftar sejarah browser.