Y compris <script> balise <script type=“text/modèle”> tag

Je suis un nouveau programmeur et j'ai une petite question. C'est une partie de mon code:

<nav>
   <ul>
     <li><input type="button" value="HomePage" id="home1" data-page="home"></li>
     <li><input type="button" value="About" id="about1" data-page="about"></li>
   </ul>
</nav>

    <div id="content">
        <div class="page active">
            <div class=firstLoad>
            (some content...)
            </div>
        </div>
    </div>

<script type="text/template" id="home">
<div id="backImage">
  <div id="spinner">
</div>
<div>
   <input type="button" value="..." id="car" class="button">
</div>
<div>
   <input type="button" value="..." id="Car1" onclick="location.href='#'" class="button">
</div>
<div>
   <input type="button" value="..." id="reset" class="button">
</div>
</div>
<script src="location.js"></script>
</script>

Ma question est comment puis-je l'utiliser "location.js" balise script dans la page html (id="home") lorsque j'appelle cette page html avec innerHTML et j'ai modifier l'apparaître de la page?
Peu importe ce que j'ai fait ce script ne fonctionne pas pour moi en tout en de la page html.

Merci...:)

pls fournir location.js script
Vous ne pouvez pas le faire de cette façon - cela dépend de votre modèle de système mais de toute façon vous avez pour "protéger" les </script> numéro de série dans le modèle. Généralement, il est assez discutable de l'importation d'un script à partir de l'intérieur d'un modèle.
Qu'essayez-vous de réaliser? Vous avez des divs et une balise de script imbriquée à l'intérieur d'une balise de script, ce qui est probablement invalide balisage et n'a pas de sens pour moi.
Vous auriez besoin de recharger dynamiquement votre fichier JS
je parle de n'importe quel script. même script comme ceci: <script> alert('salut'); </script> comme je l'ai dit je suis un nouveau programmeur et je ne sais vraiment comment faire...:) mon point est que maintenant, quand je vais ouvrir la page que je suis en 1.html et quand j'en cliquant sur bouton home par exemple, il transmmit moi de page home.html maintenant le chargement de la page parfaite, mais le script dans la page ("location.js") ne fonctionne pas du tout. comment puis-je le faire fonctionner dans la home.html? Aaron Kurtzhals je suis désolé, comme je l'ai dit je na sais que je ne peux pas mettre une balise script imbriquée à l'intérieur d'une balise de script. à cause de cela que je pose ma question. comment cela peut-il fonctionner?

OriginalL'auteur Danny | 2013-01-10

  1. 4

    Non, ça ne va pas travailler pour vous. Non seulement est-il invalide avoir un <script></script> à l'intérieur d'un autre <script>, ça ne marcherait pas, même si le navigateur peut l'analyser correctement. Cependant, tout ce que vous devez faire est de fournir les fichiers javascript que vous souhaitez charger d'une autre manière, comme dans un dataset attribut. En outre, que Quentin a souligné, text/template n'est pas un type standard, de sorte préfixe avec x- comme pratique standard

    <script type="text/x-template" id="home" data-jsassets="location.js,/path/to/some/other.js">
   ...
</script>

    Maintenant, récupérer la virgule-delimted liste de javascript à charger et à l'injecter dans la page, qui va exécuter le script:

    var tpl, jsassets, tag, i,l;
tpl = document.getElementById('home');
//At this point, ensure your template has been rendered and attached to the page
//by your template processor
jsassets = (tpl.getAttribute('data-jsassets') || '').split(',');
for(i = 0, l = jsassets.length; i < l; i++){
  tag = document.createElement('script');
  tag.type = "text/javascript";
  tag.src = jsassets[i];
  document.head.appendChild(tag);
}
    rgthree merci beaucoup!!! je suis lokking pour cette solution pendant 3 jours! juste une question, si je veux charger id="page d'accueil" plus d'un script que dois-je faire: <script type="text/x-modèle" id="accueil" data-jsassets="location.js,/path/to/some/other.js"> ... </script> je veux dire que si je veux "location.js" et "location1.js" la charge?
    Yup, j'ai mis en place que pour vous. Le data-jsassets attribut de la configuration, comme une liste séparée par des virgules des chemins à la charge. Donc, vous auriez data-jsassets="location.js,location1.js" là pour charger les deux fichiers. N'hésitez pas à accepter ma réponse si c'est ce que vous cherchez 😉
    exactement ce que je cherchais! merci!!...:)
    intéressant! merci pour le partage

    OriginalL'auteur rgthree

  2. 4

    HTML ne fournit aucun moyen pour inclure la séquence </script> à l'intérieur d'un élément de script.

    XHTML permet d'utiliser CDATA des marqueurs ou des entités, mais ce n'est pas une option pour HTML. (Notez que XHTML servi en tant que text/html ne proposent pas cette option et des navigateurs, l'utilisation d'un analyseur HTML).

    La langue utilisée dans le script doit fournir un mécanisme pour éviter le problème.

    En JavaScript, par exemple, / et \/ dire la même chose à l'intérieur d'une chaîne, de sorte que vous pouvez "<\/script>".

    text/template n'est pas une norme de type MIME. C'est sans doute un modèle personnalisé format utilisé par certains JS sur la page. Que JS aurait besoin pour soutenir une certaine forme d'échapper mécanisme lorsqu'il est de l'analyse du modèle. Vous pourriez avoir à étendre quelle que soit la bibliothèque que vous utilisez pour le traitement de votre modèle.

    OriginalL'auteur Quentin

  3. -1

    Envelopper votre modèle dans <template> tag. 

    <template id="home">
   <script></script>
</template>
    Cela ne fonctionne que pour le HTML 5 compatible navigateurs.
    S'il vous plaît arrêter ce qui suggère ce jusqu'à ce que vous ayez une meilleure compréhension du rôle de la balise de modèle, en quoi il diffère de texte/modèle des balises de script, et de sa faible prise en charge du navigateur.

    OriginalL'auteur Reza Salarmehr