Maison > interface Web > Questions et réponses frontales > Que sont les caractères d'échappement d'URL javascript ?

Que sont les caractères d'échappement d'URL javascript ?

PHPz
Libérer: 2023-04-25 13:39:41
original
1262 Les gens l'ont consulté

Les caractères d'échappement d'URL JavaScript sont utilisés pour échapper certains caractères spéciaux dans l'URL afin de faciliter la transmission et l'analyse correctes de l'URL. Ces caractères spéciaux incluent les espaces, les signes dièse, les signes de pourcentage, etc. Si ces caractères apparaissent directement dans l'URL, le navigateur risque de ne pas être en mesure de l'analyser correctement, ce qui entraînera une erreur.

En JavaScript, nous pouvons utiliser des fonctions telles que encodeURI(), encodeURIcomponent(), decodeURI(), decodeURIComponent() pour effectuer des opérations d'échappement et de décodage d'URL. Présentons en détail l'utilisation et les points d'attention de ces fonctions :

  1. encodeURI()

Paramètre : chaîne qui doit être échappée.

Valeur de retour : renvoie la chaîne échappée.

Remarque : Cette fonction échappera à tous les caractères à l'exception des espaces, des lettres, des chiffres et de certains caractères spéciaux. Par conséquent, il est utile pour coder l’intégralité de l’URL, mais peut ne pas être très approprié pour coder une partie de l’URL.

Exemple de code :

var uri = "https://www.example.com/#section-1";
var encodedUri = encodeURI(uri);
console.log(encodedUri);
Copier après la connexion

Résultat de sortie :

https://www.example.com/%23section-1
Copier après la connexion
  1. encodeURIComponent()

Paramètre : chaîne qui doit être échappée.

Valeur de retour : renvoie la chaîne échappée.

Remarque : Cette fonction échappera à tous les caractères à l'exception des lettres, des chiffres et de certains caractères spéciaux, y compris les espaces. Par conséquent, cela est utile lors du codage d’une partie d’une URL.

Exemple de code :

var uri = "https://www.example.com/?key=hello world";
var encodedUri = encodeURIComponent(uri);
console.log(encodedUri);
Copier après la connexion

Résultat de sortie :

https%3A%2F%2Fwww.example.com%2F%3Fkey%3Dhello%20world
Copier après la connexion
  1. decodeURI()

Paramètre : la chaîne qui doit être décodée.

Valeur de retour : renvoie la chaîne décodée.

Remarque : Cette fonction est utilisée pour décoder l'URI codé par la fonction encodeURI().

Exemple de code :

var encodedUri = "https://www.example.com/%23section-1";
var uri = decodeURI(encodedUri);
console.log(uri);
Copier après la connexion

Résultat de sortie :

https://www.example.com/#section-1
Copier après la connexion
  1. decodeURIComponent()

Paramètre : la chaîne qui doit être décodée.

Valeur de retour : renvoie la chaîne décodée.

Remarque : Cette fonction est utilisée pour décoder l'URI codé par la fonction encodeURIComponent().

Exemple de code :

var encodedUri = "https%3A%2F%2Fwww.example.com%2F%3Fkey%3Dhello%20world";
var uri = decodeURIComponent(encodedUri);
console.log(uri);
Copier après la connexion

Résultat de sortie :

https://www.example.com/?key=hello world
Copier après la connexion

Résumé : Les caractères d'échappement d'URL JavaScript sont très pratiques dans le développement quotidien de la programmation et peuvent nous aider à gérer correctement les caractères spéciaux qui peuvent apparaître dans les URL et à éviter les erreurs inutiles. Il convient de noter que lors de l'utilisation des fonctions associées, vous devez choisir la fonction appropriée pour effectuer les opérations d'échappement et de décodage en fonction de la situation spécifique.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal