Libreria esterna JAVASCRIPT:
Chi si avvicina al mondo della programmazione avrà sicuramente sentito parlare delle
"librerie". Nel gergo della programmazione la libreria è un insieme di funzioni da utilizzare
ogni volta che ne facciamo richiamo.
Nella programmazione Javascript la libreria esterna è un semplice foglio con estensione
.js che contiene i listati di codice che formano le funzioni.
Il file può essere scritto con qualsiasi programma, anche con il semplice "blocco notes", è
in ogni caso necessario salvarlo con l'estensione appropriata (.js)
Richiamo:
Richiamare una libreria con javascript è semplicissimo.
Per farlo dobbiamo inserire all'interno della pagina web le seguenti righe:
<script language="javascript" src="nomefile.js">
</script>
Dopo aver inserito le righe di richiamo è possibile accedere alle funzioni contenute nel foglio
ogni volta che apriamo
script javascript.
Vantaggi:
- Tutto il codice contenuto nella libreria sarà caricato una sola volta, anche se
cambiamo pagina non sarà ricaricato, inoltre se abbiamo numerosi richiami per una stessa
funzione non dovremo mai inserire l'intero codice, basterà semplicemente farne richiamo.
Tutto questo aumenta la velocità di caricamento e la semplicità di controllo del codice.
- Il codice contenuto nelle librerie javascript è sicuramente più controllato e
meno revisionato di quello contenuto nelle pagine web.
Il codice contenuto nelle librerie è più sicuro di quello contenuto nelle
pagine web, e ne potrete far uso con più disinvoltura.
- Le librerie garantiscono una uniformità del codice di programmazione.
Esempio:
Un semplice esempio è il richiamo della nostra funzione
"Aggiungimi a preferiti" in alto
a destra.
Per ottenere questo risultato abbiamo creato un file:
"prefer.js"
In
esplora risorse appare un'icona come questa
Questo è il contenuto del file:
<!--
var bookmarkurl="http://www.allwebfree.it/"
var bookmarktitle="ALLWEB free"
function prefer(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
-->
Fra i tag
<head> abbiamo inserito la riga per il richiamo del foglio:
<script language="JavaScript" type="text/javascript" src="prefer.js">
</script>
Per richiamare la funzione nel foglio (fra i tag
<body> e
</body>)
abbiamo inserito semplicemente il richiamo alla funzione
"prefer":
<a href="javascript:prefer()">Aggiungimi a Preferiti</a>