it-swarm.com.de

Einbinden einer externen HTML-Datei in eine andere HTML-Datei

Wie kann ich eine externe HTML-Datei in meine Datei einfügen?

Zum Beispiel:

<div id="header">

       Here show the external HTML code in the file, for example: name.html

</div>

Vielen Dank!

18
user2467899

Eine andere Möglichkeit ist die Verwendung des Objekt-Tags. Dies funktioniert unter Chrome, IE, Firefox, Safari und Opera.

<object data="html/stuff_to_include.html"> 
    Your browser doesn’t support the object tag. 
</object>

weitere Informationen unter http://www.w3schools.com/tags/tag_object.asp

39
Stuart G

Sie können dafür jquery load verwenden.

<script type="text/javascript">
$(document).ready(function(e) {
    $('#header').load('name.html',function(){alert('loaded')});
});
</script>

Vergessen Sie nicht, jquery library vor dem obigen Code anzugeben.

10

Du suchst nach dem <iframe> -Tag oder noch besser eine serverseitige Template-Sprache.

7
SLaks

Das iframe-Element .

<iframe src="name.html"></iframe>

Inhalte, die auf mehreren Seiten angezeigt werden sollen, sind jedoch besser zu handhaben mithilfe von Vorlagen .

1
Quentin