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
DDDoriginal
2024-12-11 19:14:11222parcourir

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('&'); // "&"

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('&'); // "&"

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;
}

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('&'); // "&"

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!

Déclaration:
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