JavaScript

Cara Mendapatkan URL Semasa di Pelayar Web Menggunakan JavaScript

Cara Mendapatkan URL Semasa di Pelayar Web Menggunakan JavaScript

Semasa membina aplikasi web, sering diperlukan untuk mengakses dan memanipulasi URL semasa dalam penyemak imbas web. JavaScript menyediakan cara yang mudah dan mudah untuk mendapatkan URL semasa dalam penyemak imbas, yang boleh berguna untuk pelbagai tujuan, dari menjejaki tingkah laku pengguna untuk melaksanakan menu navigasi dinamik.

Dalam artikel ini, kami akan meneroka bagaimana untuk mendapatkan URL semasa dalam pelayar web menggunakan JavaScript. Kami akan merangkumi dua kaedah: menggunakan tetingkap.harta lokasi dan menggunakan dokumen.Harta URL.

Kaedah 1: Menggunakan tetingkap.Lokasi Harta

The "Tingkap.lokasi ” Harta memberikan maklumat mengenai URL semasa dalam penyemak imbas. Harta ini merangkumi pelbagai maklumat mengenai URL, seperti protokol, nama hos, nombor port, laluan, dan rentetan pertanyaan.

Untuk mendapatkan URL semasa menggunakan "Tingkap.lokasi ” harta benda, hanya mengakses harta itu dan dapatkan semula "Href" atribut. Inilah coretan kod contoh:

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

Dalam contoh ini, kami mula -mula mengisytiharkan pemboleh ubah yang dipanggil currenturl. Kami kemudian memberikan nilai dari "Tingkap.Lokasi.href ” atribut, yang mengandungi url semasa. Akhirnya, kami menggunakan konsol.kaedah log untuk mencetak URL semasa ke konsol.

Kaedah 2: Menggunakan dokumen.Url Harta

The "Dokumen.URL ” Harta menyediakan URL semasa dokumen, termasuk protokol, nama host, nombor port, laluan, dan rentetan pertanyaan. Harta ini serupa dengan tetingkap.harta lokasi, tetapi menyediakan cara yang lebih langsung untuk mengakses URL.

Untuk mendapatkan URL semasa menggunakan dokumen.Harta url, hanya mengakses harta itu dan mengambil nilainya. Inilah coretan kod contoh:

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

Dalam contoh ini, kami mula -mula mengisytiharkan pemboleh ubah yang dipanggil currenturl. Kami kemudian memberikan nilai dokumen.Harta url, yang mengandungi url semasa. Akhirnya, kami menggunakan konsol.kaedah log untuk mencetak URL semasa ke konsol.

Kesimpulan

Mendapatkan URL semasa dalam pelayar web menggunakan JavaScript adalah tugas yang mudah dan berguna untuk pemaju web. Dengan menggunakan tetingkap.harta lokasi atau dokumen.Harta URL, pemaju dapat dengan mudah mengakses dan memanipulasi URL semasa untuk pelbagai tujuan. Sama ada untuk menjejaki tingkah laku pengguna atau melaksanakan menu navigasi dinamik, mengetahui bagaimana untuk mendapatkan URL semasa adalah kemahiran penting bagi mana -mana pemaju web.