Elemento script in Html5

Da Iwebdesigner @Iwebdesigner_it

Nel Web di oggi gli script lato-client, in particolare JavaScript, fanno girare il mondo. Creano dissolvenze in ingresso e in uscita, completano i termini di ricerca mentre li digitiamo, controllano un modulo di news interattivo, controllano un player video e …..penso che ne abbiate idea. In questo articolo vi mostro come inserire uno script in una pagina web in Html5.

SCRIPT

Serve ad incorporare o caricare uno script. La sua sintassi e’ molto semplice:

Utilizziamo l’elemento script per importare o incorporare uno script lato-client in un documento. Script puo’ apparire in entrambi gli elementi head e body e piu’ volte in un documento. Tuttavia e’ preferibile incorporare il JavaScript in un solo file e caricarlo alla fine della pagina quando e’ possibile. Possiamo aggiungere Javascript alla pagina in tre modi:

inserendolo in un file esterno;

incorporando il codice come contenuto dell’elemento script;

applicando il codice inline con un attributo evento.

L’ultimo modo appena descritto, non voglio prenderlo nemmeno in considerazione perche’ e’ sconsigliato da usare. Vediamo gli altri due modi.

Importazione file esterno:


In alternativa possiamo incorporare il JavaScript nella pagina:


L’attributo type e’ richiesto in entrambi i casi, mentre src si applica solo al primo, in quanto deve caricare un file esterno.

Html5 introduce un nuovo attributo di script chiamato async.

Questo attributo e’ boolean ed istruisce uno script ad essere eseguito in modo asincrono non appena e’ disponibile. Async puo’ essere utilizzato soltanto su un elemento script con un attributo src.

Queste sono le novita’ introdotte in Html5 per l’uso dell’elemento script.

Alla prossima!


Potrebbero interessarti anche :

Possono interessarti anche questi articoli :