Quelles sont les utilisations modernes du script type=“text/html” et dans cet exemple, considéré comme un bon usage?

Est quelque chose comme...

<script type="text/html" id="this-content1">
<h1>This Header Info One</h1>
<p>This content one. . .</p>
</script>
<script type="text/html" id="this-content2">
<h1>This Header Info Two</h1>
<p>This content two. . .</p>
</script>

...et l'utilisation de jQuery pour échanger le contenu, basé sur un sélecteur de bonnes pratiques dans les normes d'aujourd'hui?

Je suis un débutant dans l'utilisation de script type="text/html"... pour permettre des changements de dynamique de mon contenu et suis trouver de nombreuses façons de le faire. Est-il une source qui pourrait expliquer l'orientation de ce va et si toute la standardisation de cette pratique.

Je vois un code comme...

<div class="thumbnail">
            <# if ( data.uploading ) { #>
                <div class="media-progress-bar"><div></div></div>
            <# } else if ( 'image' === data.type ) { #>
                <img src="{{ data.size.url }}" draggable="false" />
            <# } else { #>
                <img src="{{ data.icon }}" class="icon" draggable="false" />
            <# } #>
        </div>

...imbriquée dans un script type="text/html" tag et n'ont vraiment aucune idée de pourquoi il est écrit de cette manière. Aussi avoir mouillé mon bec de la colonne vertébrale et ce qui semble être un peu lourd si vous cherchez simplement à ajouter du contenu d'origine dans une page.

  • vous êtes intentionnellement des erreurs d'étiquetage, quelque chose comme le code de l'exécutable que vous savez très bien qui n'est pas et demander si c'est une bonne chose à faire?
  • En HTML5 balises script a besoin d'aucun type d'attribut.
  • Oui, si ils ne contiennent pas de JavaScript.
  • C'est assez fréquent pour les modèles dans certains cadres ou des bibliothèques, comme knockout.js knockoutjs.com/documentation/...
InformationsquelleAutor Shane | 2012-12-14
  1. 22

    Selon la HTML5 spec pour la balise script, c'est tout à fait possible d'utiliser de <script> avec un type attribut défini pour tout type MIME. Qui inclut les types MIME comme text/html ou text/plain.

    Selon la HTML4 spec pour la balise script, il n'est pas très fine:

    "Il y a deux types de scripts auteurs peuvent s'attacher à un élément HTML
    document: Ceux qui sont exécutées une seule fois lorsque le document est chargé
    [et l'] tuyau qui sont exécutées à chaque fois qu'un événement particulier se produit"

    Vous n'avez pas besoin d'épine dorsale pour la création de modèles. Vous pouvez utiliser, par exemple, jQuery ou encore mon préféré, Mustache.js.

    • J'ai été à la recherche à la Moustache et le guidon un peu et un peu plus maintenant que vous avez mentionné. Basé sur vos réponses, il semble que c'est une manière moderne de l'exécution de ce type de tâche. Peut-être pourquoi Facebook n'est pas comme @JonathanOng a déclaré, compte tenu de Facebook n'est pas, comme le HTML5 encore.
    • Voir facebook.com/note.php?note_id=389414033919
    InformationsquelleAutor wprl
  2. 3

    Je suis en supposant que vous souhaitez sauvegarder une partie de HTML pour l'utiliser plus tard. En mettant des données de script dans une balise script ne fait pas de sens. Faire ce que Facebook ne!

    <code class="hide" id="code1"><!--
  <p>My HTML here</p>
  <script>My Javascript here</script>
--></code>

    Ensuite, vous pouvez récupérer le code HTML plus tard et faire ce que vous voulez plus tard:

    var html = document.querySelector('#code1').innerText.slice(5, -5)

    Les scripts à l'intérieur ne sera pas exécutée jusqu'à ce que vous avez à les gérer correctement.

    Quelques remarques:

    • Aucune idée de ce que les différences entre innerText et d'autres fonctions de texte sont
    • Je ne pense pas que vous pouvez simplement insérer des balises de script dans le DOM. Vous ne savez pas comment jQuery ne
    • Il convient de préciser la véritable raison facebook fait ceci: facebook.com/note.php?note_id=389414033919
    • Merci, je viens de me remettre à ce post et pour quelque raison que ce soit cela m'a donné quelques idées. De toute façon, nous sommes de désactiver le html interprète les données que nous voulons cacher. Je suis surpris de voir qu'il n'est pas un standard pour le faire.
    • Vous pouvez insérer des balises de script sans problème, et en fait, jQuery a code activement à empêcher cela (dans des fonctions comme .load()) comme une mesure de sécurité.
    • il est assez commun pour injecter des scripts dans le dom, mais le processus se fait généralement via l'objet XmlHttpRequest. En effet, l'objet ScriptManager pour asp.net webforms 'partielle des publications de la page' utilise le mécanisme de ajaxify contrôles serveur.
    InformationsquelleAutor Jonathan Ong