Come posso inserire un file html esterno nel mio file?Inclusione di un file HTML esterno in un altro file HTML
Per esempio:
<div id="header">
Here show the external HTML code in the file, for example: name.html
</div>
La ringrazio molto!
Stai cercando il tag o, meglio ancora, un linguaggio di template sul lato server.
<iframe src="name.html"></iframe>
Ma il contenuto che si ha modo di apparire su più pagine è meglio gestita using templates.
Ma in questo modo vedo il codice sorgente, giusto? Perché il mio scopo è questo: la mia intestazione, menu e footer appaiono in molti altri file HTML. Per non ripetere in qualsiasi momento il codice che preferisco, scrivere un codice HTML per ogni sezione e quindi caricarlo nella pagina (in questo modo la manutenzione è più semplice). – user2467899
"http://stackoverflow.com/a/16132516/19068" - Solo se si visualizza la fonte. – Quentin
"Perché il mio scopo è questo: la mia intestazione, menu e piè di pagina appaiono in molti altri file HTML." - Quindi utilizzare un modello anziché una funzione HTML. – Quentin
È possibile utilizzare il carico jQuery per quello.
<script type="text/javascript">
$(document).ready(function(e) {
$('#header').load('name.html',function(){alert('loaded')});
});
</script>
Non dimenticare di includere la libreria jQuery prima del codice.
Mentre tecnicamente corretto (questo, infatti, carica un file HTML esterno), è come fare un intervento chirurgico ai reni con un escavatore. Dal momento che la domanda non è nemmeno taggata con jQuery, questo suggerisce di uscire e di ottenere un escavatore a cucchiaia rovescia per il preciso scopo di eseguire un intervento chirurgico ai reni - anche peggio. –
Un altro modo è utilizzare il tag dell'oggetto. Funziona su Chrome, IE, Firefox, Safari e Opera. più
<object data="html/stuff_to_include.html">
Your browser doesn’t support the object tag.
</object>
grazie mille ... non sapevo di questo – carinlynchin
Questo causa problemi con hrefs. Caricano all'interno del frame dell'oggetto per impostazione predefinita. È necessario contrassegnare il target hrefs come genitore http://stackoverflow.com/a/1037870/852806 – HockeyJ
thx, questo è esattamente quello che stavo cercando, thx. : D –
Si prega di verificare domande simili prima di fare uno nuovo, sono sicuro che questo è stato chiesto molte volte prima. – Ozzy
Se ci sono altre domande che hanno risposte migliori, qualcuno potrebbe collegarsi a loro? Grazie –
@kapa sto votando per riaprire perché (1) la domanda collegata chiede le migliori pratiche e questa domanda una pratica domanda di how-to, (2) la domanda collegata riguarda i modelli in generale e questa è specificamente riguardo l'inclusione del contenuto di un file esterno (che può avere altri usi oltre il solo template), (3) Le risposte a questa domanda e questa domanda sono totalmente differenti con una sovrapposizione minima o inesistente. – JBentley