Bolehkah JavaScript mengakses url?

JavaScript boleh mengakses URL Dengan menghantar parameter URL dan mendapatkan parameter pada URL semasa melalui JavaScript, banyak fungsi boleh dicapai.

Menggunakan JavaScript, anda boleh mengakses dan mengendalikan URL melalui objek "window.location". Berikut ialah kaedah yang biasa digunakan berkaitan dengan operasi URL dalam JavaScript:

1 Tukar URL

Anda boleh menukar alamat URL halaman semasa dengan mengubah suai atribut URL kepada URL baharu.

window.location.href = "https://www.example.com";

2 Dapatkan maklumat URL

boleh dapatkan maklumat URL halaman semasa , di mana Mengandungi banyak sifat berguna.

window.location.href //Mengembalikan URL lengkap
window.location.hostname //Mengembalikan nama hos
window.location.pathname //Mengembalikan nama laluan
tetingkap. lokasi. carian //Mengembalikan bahagian pertanyaan URL
window.location.hash //Mengembalikan titik utama URL

3. Dapatkan parameter URL

boleh menghuraikan parameter pada URL ke dalam objek JavaScript , dan kemudian dapatkan setiap parameter dalam URL dalam bentuk pasangan nilai kunci.

fungsi getUrlParams(url){
var params = {};
url.replace(/[?&]+(¹+) =(²*)/gi, fungsi(str, kunci, nilai) {

  params[key] = value;

});
kembalikan params;
}

var params = getUrlParams(window.location.href);
console.log(params.userId); //Dapatkan nilai userId dalam parameter URL

4 Parameter URL

Anda boleh menetapkan parameter URL dengan membina URL baharu, dan kemudian menukar alamat URL dengan mengubah suai atribut "href" objek "window.location".

var url = "https://www.example.com";
url += "?userId=123&userName=john";
window.location.href = url;

5. Pantau perubahan URL

Anda boleh menambah fungsi mendengar Apabila URL berubah, fungsi akan dicetuskan secara automatik.

window.addEventListener("hashchange", function() {
console.log("hash changed!");
});

Ringkasnya, JavaScript boleh lulus Objek " window.location" melaksanakan akses kepada dan operasi pada URL, dengan itu mencapai banyak fungsi berguna. Walau bagaimanapun, perlu diingatkan bahawa dalam JavaScript, pengendalian URL mungkin menjejaskan pengalaman pengguna dan kesan SEO, dan perlu dipertimbangkan dengan teliti.

---

1. =& ↩
2. & ↩

Atas ialah kandungan terperinci Bolehkah JavaScript mengakses url?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!