recherche

Maison >interface Web >js tutoriel >Comment puis-je inclure des fichiers HTML externes dans mes documents HTML ?

Comment puis-je inclure des fichiers HTML externes dans mes documents HTML ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-17 12:45:24241parcourir

How Can I Include External HTML Files in My HTML Documents?

Inclure des fichiers HTML externes dans HTML

La possibilité d'incorporer un fichier HTML dans un autre est une exigence courante dans le développement Web. Dans JavaServer Faces (JSF), cela peut être réalisé à l'aide de l'option étiqueter. Pour les fichiers HTML bruts, il existe plusieurs méthodes pour intégrer du contenu externe.

L'une des solutions les plus populaires consiste à utiliser la bibliothèque jQuery :

a.html

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function() {
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div>

b.html

<p>This is my include file.</p>

Dans cette approche, jQuery .load() charge de manière asynchrone le contenu de "b.html" dans le fichier

élément avec l'ID "inclusContent" dans "a.html". Cela fournit un moyen simple et propre d'inclure du contenu HTML externe sans avoir à modifier les fichiers d'origine.

Pour plus d'informations sur la méthode .load(), reportez-vous à la documentation jQuery.

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!

jquery html for include using this ui
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment créer et lire des cookies à l'aide de JavaScript ?Article suivant：Comment créer et lire des cookies à l'aide de JavaScript ?

Articles Liés

Voir plus