Wie kann ich externe HTML-Dateien in meine HTML-Dokumente einbinden?-js-Tutorial-php.cn

Wie kann ich externe HTML-Dateien in meine HTML-Dokumente einbinden?

Mary-Kate Olsen

Freigeben： 2024-12-17 12:45:24

Original

233 Leute haben es durchsucht

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

Einbinden externer HTML-Dateien in HTML

Die Möglichkeit, eine HTML-Datei in eine andere zu integrieren, ist eine häufige Anforderung in der Webentwicklung. In JavaServer Faces (JSF) kann dies mit der Funktion erreicht werden. Etikett. Für einfache HTML-Dateien gibt es mehrere Methoden zum Einbetten externer Inhalte.

Eine der beliebtesten Lösungen ist die Verwendung der jQuery-Bibliothek:

a.html

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

  <body> 
     <div>

Nach dem Login kopieren

b.html

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

Nach dem Login kopieren

Bei diesem Ansatz ist jQuery's Die Methode .load() lädt den Inhalt von „b.html“ asynchron in das

Element mit der ID „includedContent“ in „a.html“. Dies bietet eine einfache und saubere Möglichkeit, externe HTML-Inhalte einzubinden, ohne die Originaldateien ändern zu müssen.

Weitere Informationen zur .load()-Methode finden Sie in der jQuery-Dokumentation.

Das obige ist der detaillierte Inhalt vonWie kann ich externe HTML-Dateien in meine HTML-Dokumente einbinden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!