Maison > interface Web > js tutoriel > Comment encoder et décoder des entités HTML en JavaScript ?

Comment encoder et décoder des entités HTML en JavaScript ?

DDD
Libérer: 2024-12-11 19:14:11
original
221 Les gens l'ont consulté

How to Encode and Decode HTML Entities in JavaScript?

Décodage d'entités HTML

Les entités HTML sont des caractères représentés à l'aide de leurs points de code hexadécimaux précédés d'une esperluette (&) et d'un point-virgule (;). Par exemple, le caractère esperluette (&) est représenté par &.

Encodage d'entités HTML en JavaScript

Pour encoder une entité HTML en JavaScript, utilisez encodeURIComponent() fonction. Cette fonction prend une chaîne en entrée et renvoie une nouvelle chaîne avec tous les caractères non-ASCII codés en tant qu'entités HTML. Par exemple, le code suivant code le caractère esperluette (&) comme & :

encodeURIComponent('&'); // "&"
Copier après la connexion

Décodage des entités HTML en JavaScript avec jQuery

Pour décoder une entité HTML dans JavaScript utilisant jQuery, utilisez la fonction html(). Cette fonction prend une chaîne en entrée et renvoie une nouvelle chaîne avec toutes les entités HTML décodées. Par exemple, le code suivant décode la chaîne "&" en esperluette (&) :

$.html('&'); // "&"
Copier après la connexion

Décodage des entités HTML en JavaScript sans jQuery

Si vous ne souhaitez pas utiliser jQuery, vous pouvez utiliser la fonction personnalisée suivante pour décoder les entités HTML en JavaScript :

function decodeEntities(string) {
  var doc = new DOMParser().parseFromString(string, "text/html");
  return doc.documentElement.textContent;
}
Copier après la connexion

Cette fonction crée un nouveau L'élément DOM de la chaîne d'entrée, puis extrait le contenu du texte de l'élément DOM, qui aura toutes les entités HTML décodées. Par exemple, le code suivant décode la chaîne "&" en esperluette (&) :

decodeEntities('&'); // "&"
Copier après la connexion

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