suchen

Heim >Web-Frontend >js-Tutorial >Wie kann ich externe HTML-Dateien in meine HTML-Dokumente einbinden?

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

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-17 12:45:24247Durchsuche

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>

b.html

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

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!

jquery html for include using this ui
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie erstelle und lese ich Cookies mit JavaScript?Nächster Artikel：Wie erstelle und lese ich Cookies mit JavaScript?

In Verbindung stehende Artikel

Mehr sehen