MICHELEPISANI.IT

Javascript: guida all'uso

Come inserire il codice Javascript nelle pagine web

Script interni ed esterni

Luglio 02
07:132014

Il codice dei vari script è inserito nella pagina web che lo esegue, questo può essere fatto in modo diretto racchiudendolo tra gli opportuni tag (script) sulla pagina stessa, tendenzianlmente all'interno del tag head o prima della chiusura del tag body (il secondo caso garantisce che tutti gli elementi HTML siano stati caricati in memoria prima di un'eventuale interazione con il codice Javascript), come mostrato di seguito:

<html>
  <body>
    <head>
      <script type="text/javascript">
        alert("Ciao Mondo");
      </script>
    </head>
    <!-- contenuto HTML -->
    <script type="text/javascript">
      alert("Di nuovo ciao");
    </script>
  </body>
</html>


Oppure inline assegnando le istruzione ad un attributo che rappresenta un evento:

<html>
  <body>
    <head></head>
    <!-- contenuto HTML -->
    <button type="button" onclick="alert('Ciao Mondo');">Cliccami</button>
  </body>
</html>


O richiamato tramite l'attributo src fornendo un riferimento al file in modo relativo o assoluto:

<html>
  <body>
    <head>
      <script src="/javascript/nome_file.js"></script>
    </head>
    <!-- contenuto HTML -->
  </body>
</html>


Questa seconda forma permette la centralizzazione del codice ovvero più pagine web possono linkare lo stesso file (in formato .js) eseguendone il contenuto una volta richiamate; in questo modo ogni modifica al codice Javascript può essere effettuata una sola volta anzichè per ogni pagina che lo contiene.

 

Tags
Condividi

Autore

Michele Pisani

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "Concretezza", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Scrivi un Commento

Il tuo indirizzo email non sarà pubblicato.
I campi contrassegnati da un * sono obbligatori

Articoli e Argomenti correlati

Categorie popolari

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Ultimi commenti

Michele Pisani

Ciao alessandro,
questa regex dovrebbe fare al caso tuo:

alessandro

ciao sto cercando una regex per numeri interi o decimali, positivi o negativi; la tua regex mi pare …

Michele Pisani

Ciao Nicola,
ti riferisci per caso alla situazione di gianluigi?
In tutti i casi la via …

Nicola

Ciao Michele, mi trovo nella medesima situazione in cui si trovava Gianluca un anno fa. Sei poi …