Programmazione Web » Javascript » Richiamare un file esterno in un documento Html
Richiamare un file esterno in un documento Html
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1150 volte
Una tecnica ormai nota a tutti i webmaster è quella di poter includere un codice esterno (scritto su un'altra pagina web) in un altro documento Html.
Il vantaggio principale è quello di agevolarci gli aggiornamenti delle pagine che includono quel codice...
Supponiamo infatti di dover aggiungere una voce nel menu o di cambiare qualcosa nell'header di pagina che, generalmente, sono elementi costituenti di tutto il sito; questa semplice modifica ci costerebbe la modifica manuale del codice in tutte le pagine del sito. L'inclusione di questo codice in un file esterno e il suo richiamo su tutte le pagine invece, ci consente di modificare solamente il codice esterno.
Abbiamo già trattato in un'altra lezione come risolvere questo problema con php; adesso ci poniamo il problema dell'inclusione lato client con javascript. Vediamo come realizzare una cosa simile: salviamo il seguente codice in una pagina chiamata menu.js
document.write('<strong>:: MENU :: </strong><br / ><br / >')
document.write('<a href="#">Home Page</a><br / >')
document.write('<a href="#">Chi siamo </a><br / >')
document.write('<a href="#">Dove siamo </a><br / >')
document.write('<a href="#">Cosa facciamo </a><br / >')
document.write('<a href="#">Contattaci</a><br / >')
e in tutte le pagine dove vogliamo che compaia il menu incollate quest'altra riga:
<script language="JavaScript" src="menu.js"></script>
La stessa cosa può essere fatta per l'header di pagina: salviamo questo codice in una pagina chiamata header.js
document.write('<strong>Questo è il mio header di pagina</strong><br>')
e richiamiamolo nella pagina così:
<script language="JavaScript" src="header.js"></script>
Come abbiamo potuto notare grazie al document.write di javascript abbiamo ovviato al problema della struttura a frame e dell'inclusione lato server di cui non tutti dispongono.
Aggiungi questo tutorial ai preferiti
