javascript - Qu'est-ce que le HTML écrit dans un script?

Question

J'ai vu que certains sites Web écrivent du HTML dans la balise script. N'est-il pas correct d'écrire js ? ?

Answer 1

Il s'agit d'un modèle HTML courant à l'ère jQuery. Le code ressemble à ce qui suit

<script id="my-template" type="text/x-custom-template">
    <p class="xxx">
        <p class="yyy">%name%</p>
        <p class="zzz">%value%</p>
    </p>
</script>

La balise

script empêche le contenu du modèle d'être affiché sur la page. Par conséquent, lorsque vous utilisez jQuery pour restituer des données, il n'est pas nécessaire de concaténer les chaînes HTML. Au lieu de cela, il vous suffit de supprimer directement le texte HTML du modèle et d'utiliser JS pour effectuer un remplacement régulier :

.

var template = document.getElementById("my-template").innerHTML;
var html = template
            .replace(/%name%/, data['name'])
            .replace(/%value%/, data['value']);
// insert HTML...

De cette façon, vous pouvez facilement restituer les données JSON obtenues par Ajax en texte HTML stylisé.