JavaScript peut-il accéder à l'URL ?

JavaScript peut accéder aux URL. En transmettant les paramètres d'URL et en obtenant les paramètres de l'URL actuelle via JavaScript, de nombreuses fonctions peuvent être réalisées.

En utilisant JavaScript, vous pouvez accéder et exploiter l'URL via l'objet "window.location". Les méthodes suivantes sont couramment utilisées liées aux opérations d'URL en JavaScript :

1. Modifier l'URL

Vous pouvez modifier l'adresse URL de la page actuelle en modifiant l'attribut URL en une nouvelle URL.

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

2. Obtenir des informations sur l'URL

Vous pouvez obtenir les informations sur l'URL de la page actuelle, qui incluent de nombreux attributs utiles.

window.location.href //Renvoie l'URL complète
window.location.hostname //Renvoie le nom d'hôte
window.location.pathname //Renvoie le nom du chemin
window.location.search //Renvoie la partie requête de l'URL
window .location.hash //Renvoyer le point d'ancrage de l'URL

3. Obtenir les paramètres de l'URL

Vous pouvez analyser les paramètres de l'URL en objets JavaScript, puis obtenir chaque paramètre de l'URL sous la forme de paires clé-valeur.

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

  params[key] = value;

});
return params;
}

var params = getUrlParams(window.location.href);
console.log(params.userId); //Obtenir l'ID utilisateur dans le paramètre URL; Valeur

4. Définir les paramètres d'URL

Vous pouvez définir les paramètres d'URL en construisant une nouvelle URL, puis modifier l'adresse URL en modifiant l'attribut "href" de l'objet "window.location".

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

5. Surveiller les modifications d'URL

peut être ajouté Une fonction d'écoute, lorsque l'URL change, la fonction sera automatiquement déclenchée.

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

En bref, JavaScript peut accéder et exploiter les URL via l'objet "window.location", réalisant ainsi de nombreuses fonctions utiles. Cependant, il convient de noter qu'en JavaScript, le fonctionnement de l'URL peut affecter l'expérience utilisateur et l'effet SEO, et doit être soigneusement étudié.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!