800 votes

Inclure un autre fichier HTML dans un fichier HTML

J’ai 2 fichiers HTML, supposons que et . En je veux inclure .

Dans JSF je peux le faire comme ça :

Cela signifie que l’intérieur fichier, je peux inclure .

Comment pouvons-nous le faire `` fichier ?

816voto

lolo Points 3084

À mon avis que la meilleure solution est :

À l’aide de jQuery :

a.html :

b.html :

Comme ça je peux obtenir une solution simple et propre à mon problème.

196voto

Tafkadasoh Points 1958

Ma solution est similaire à celle de lolo ci-dessus. Cependant, j'ai insérer le code HTML via JavaScript document.écrire au lieu de l'aide de jQuery:

a.html:

<html> 
  <body>
  <h1>Put here your HTML content before insertion of b.js.</h1>
      ...

  <script src="b.js"></script>

      ...

  <p>And here whatever content you want afterwards.</p>
  </body>
</html>

b.js:

document.write('\
\
    <h1>Add your HTML code here</h1>\
\
     <p>Notice however, that you have to escape LF's with a '\', just like\
        demonstrated in this code listing.\
    </p>\
\
');

La raison pour moi contre l'utilisation de jQuery, c'est que jQuery.js est ~90kb en taille, et je veux garder la quantité de données à charger aussi petite que possible.

Afin d'insérer les caractères d'échappement sans beaucoup de travail, je recommande d'utiliser une simple expression régulière qui correspond à l'ensemble des lignes (^.*$) et ajoute \ à la fin de chaque ligne. Par exemple, vous pouvez utiliser sed sur la ligne de commande comme ceci:

sed 's/^.*$/&\\/g;' b.html > escapedB.html

98voto

user1587439 Points 61

Checkout HTML5 importe via Html5rocks tutoriel et polymère - projet

Par exemple :

  • Vous pouvez activer l’indicateur en tournant sur les fonctionnalités de plateforme Web expérimentales permettent de tout : drapeaux en Chrome Canary.

50voto

Jobs7.co.uk Points 190

Un côté serveur simple intégrant la directive pour inclure un autre fichier trouvé dans le même dossier il ressemble à ceci :

37voto

Aleksandar Vacic Points 1906

Une solution très vieux je l’ai rencontré mes besoins à l’époque, mais voici comment le faire code conforme aux normes :

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X