Objek Location Window
- Halaman Sebelumnya localStorage
- Halaman Berikutnya matchMedia()
- Kembali ke Tingkat Atas Objek Window
Objek Location Window
Objek Location mengandung informasi tentang URL saat ini.
Objek Location adalah properti objek window.
Objek Location dapat diakses melalui cara berikut:
window.location
atau hanya location
Contoh
let origin = window.location.origin;
let origin = location.origin;
Properti objek Location
Properti | Deskripsi |
---|---|
hash | Atur atau kembalikan bagian anjut URL (#). |
host | Atur atau kembalikan nama host dan port URL. |
hostname | Atur atau kembalikan nama host URL. |
href | Atur atau kembalikan URL penuh. |
origin | Kembalikan protokol, nama host, 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 query string URL. |
Metode objek Location
Metode | Deskripsi |
---|---|
assign() | Muat dokumen baru. |
reload() | Muat ulang 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. Propertinya aturan hrefMenyimpan URL penuh dokumen, properti lainnya menggambarkan bagian-bagian URL. Properti ini sangat mirip dengan properti URL objek Anchor (atau objek Area). Saat objek Location diubah menjadi string, nilai properti href yang diembalikan. Ini berarti Anda dapat menggunakan ekspresi location untuk menggantikan location.href.
Namun, objek Anchor merepresentasikan tautan di dokumen, sedangkan objek Location merepresentasikan URL (atau lokasi) dokumen yang saat ini ditampilkan di peramban. Namun, objek Location dapat melakukan lebih banyak daripada itu, ia dapat mengendalikan lokasi dokumen yang ditampilkan di peramban. Jika Anda menugaskan string yang mengandung URL kepada objek Location atau properti href-nya, peramban akan memgelar dokumen yang ditunjuk oleh URL baru dan menampilkannya.
Selain mengganti location atau location.href dengan URL penuh untuk menggantikan URL saat ini, Anda dapat mengubah bagian URL hanya dengan memberikan nilai properti lainnya untuk objek Location. Hal ini akan menciptakan URL baru yang bagian bagianannya berbeda dengan URL asli, peramban akan menggelar dan menampilkannya. Contohnya, jika Anda mengatur nilai objek Location aturan hashJika demikian, peramban akan berpindah ke posisi yang ditentukan di dokumen saat ini. Juga, jika diatur aturan searchJika demikian, peramban akan menggelar ulang URL yang dihubungkan dengan query string baru.
Selain properti URL, Objek Location termasuk Metode reload()Dapat memuat kembali dokumen saat ini,replace() Dapat memuat dokumen baru tanpa menciptakan riwayat baru untuknya, yang artinya, dokumen baru akan menggantikan dokumen saat ini dalam daftar riwayat browser.
- Halaman Sebelumnya localStorage
- Halaman Berikutnya matchMedia()
- Kembali ke Tingkat Atas Objek Window