Comment convertir du HTML en chaîne

Dans la production et le développement de pages Web, nous avons souvent besoin de convertir du code HTML au format chaîne pour faciliter la transmission, le stockage, le fonctionnement, etc. Ensuite, nous explorerons comment convertir du HTML en chaînes.

1. Utilisez la fonction d'échappement

escape est une fonction intégrée de JavaScript qui peut convertir les caractères non-ASCII d'une chaîne au format %xx. Lors du traitement du code HTML, nous pouvons utiliser l'échappement pour convertir le code HTML au format chaîne.

Exemple de code :

var html = "<div>这是一段HTML代码</div>";
var str = escape(html);
console.log(str); // %3Cdiv%3E%E8%BF%99%E6%98%AF%E4%B8%80%E6%AE%B5HTML%E4%BB%A3%E7%A0%81%3C%2Fdiv%3E

Remarque : La chaîne convertie à l'aide de l'échappement doit être reconvertie en code HTML d'origine à l'aide de la fonction unescape.

2. Utilisez la fonction encodeURIComponent

encodeURIComponent est une fonction intégrée de JavaScript qui peut convertir les caractères spéciaux d'une chaîne au format %xx. Lors du traitement du code HTML, nous pouvons utiliser encodeURIComponent pour convertir le code HTML au format chaîne.

Exemple de code :

var html = "<div>这是一段HTML代码</div>";
var str = encodeURIComponent(html);
console.log(str); // %3Cdiv%3E%E8%BF%99%E6%98%AF%E4%B8%80%E6%AE%B5HTML%E4%BB%A3%E7%A0%81%3C%2Fdiv%3E

Remarque : La chaîne convertie à l'aide de encodeURIComponent doit être reconvertie en code HTML d'origine à l'aide de la fonction decodeURIComponent.

3. Utilisez l'attribut innerHTML

L'attribut innerHTML d'un élément en HTML peut obtenir ou définir le contenu HTML de l'élément. Nous pouvons obtenir le code HTML via l'attribut innerHTML, puis utiliser la fonction JSON.stringify() pour le convertir au format chaîne.

Exemple de code :

var html = "<div>这是一段HTML代码</div>";
var div = document.createElement("div");
div.innerHTML = html;
var str = JSON.stringify(div.innerHTML);
console.log(str); // "\"<div>这是一段HTML代码</div>\""

Remarque : La chaîne convertie aura des guillemets, nous devons utiliser la fonction eval() pour la reconvertir en code HTML d'origine.

Résumé

Il existe trois façons ci-dessus de convertir du code HTML au format chaîne. Chaque méthode a ses avantages et ses inconvénients, et nous pouvons choisir la méthode appropriée en fonction de la situation spécifique. Lorsque vous l'utilisez, vous devez également noter que la chaîne convertie doit être reconvertie en code HTML d'origine.

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!