Javascript

Cara Mendapatkan URL Saat Ini di Browser Web Menggunakan JavaScript

Cara Mendapatkan URL Saat Ini di Browser Web Menggunakan JavaScript

Saat membangun aplikasi web, seringkali perlu untuk mengakses dan memanipulasi URL saat ini di browser web. JavaScript menyediakan cara sederhana dan mudah untuk mendapatkan URL saat ini di browser, yang dapat berguna untuk berbagai tujuan, dari melacak perilaku pengguna hingga mengimplementasikan menu navigasi dinamis.

Di artikel ini, kami akan mengeksplorasi cara mendapatkan URL saat ini di browser web menggunakan JavaScript. Kami akan membahas dua metode: menggunakan jendela.properti lokasi dan menggunakan dokumen.Properti URL.

Metode 1: Menggunakan jendela.Lokasi Properti

Itu "jendela.lokasi ” Properti memberikan informasi tentang URL saat ini di browser. Properti ini mencakup berbagai informasi tentang URL, seperti protokol, nama host, nomor port, jalur, dan string kueri.

Untuk mendapatkan URL saat ini menggunakan "jendela.lokasi ” properti, cukup mengakses properti dan mengambil "Href" atribut. Inilah contoh cuplikan kode:

var currentUrl = jendela.Lokasi.href; menghibur.log (currentUrl);
12var currentUrl = jendela.Lokasi.href; konsol.log (currentUrl);

Dalam contoh ini, kami pertama -tama mendeklarasikan variabel yang disebut CurrentUrl. Kami kemudian menetapkan nilai dari "jendela.Lokasi.href " atribut, yang berisi URL saat ini. Akhirnya, kami menggunakan konsol.metode log untuk mencetak URL saat ini ke konsol.

Metode 2: Menggunakan dokumen.Url Properti

Itu "dokumen.Url " Properti menyediakan URL dokumen saat ini, termasuk protokol, nama host, nomor port, jalur, dan string kueri. Properti ini mirip dengan jendela.properti lokasi, tetapi memberikan cara yang lebih langsung untuk mengakses URL.

Untuk mendapatkan URL saat ini menggunakan dokumen.Properti url, cukup mengakses properti dan mengambil nilainya. Inilah contoh cuplikan kode:

var currentUrl = dokumen.Url; menghibur.log (currentUrl);
12var currentUrl = dokumen.Url; konsol.log (currentUrl);

Dalam contoh ini, kami pertama -tama mendeklarasikan variabel yang disebut CurrentUrl. Kami kemudian menetapkan nilai dokumen.Properti URL, yang berisi URL saat ini. Akhirnya, kami menggunakan konsol.metode log untuk mencetak URL saat ini ke konsol.

Kesimpulan

Mendapatkan URL saat ini di browser web menggunakan JavaScript adalah tugas yang sederhana dan berguna untuk pengembang web. Dengan menggunakan jendela.properti lokasi atau dokumen.Properti URL, Pengembang dapat dengan mudah mengakses dan memanipulasi URL saat ini untuk berbagai tujuan. Apakah itu untuk melacak perilaku pengguna atau menerapkan menu navigasi dinamis, mengetahui cara mendapatkan URL saat ini adalah keterampilan penting bagi pengembang web mana pun.