Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 3 di 44
  • livello principiante
Indice lezioni

Dichiarazione codice Javascript

Inserimento di un codice Javascript all'interno della pagina html
Inserimento di un codice Javascript all'interno della pagina html
Link copiato negli appunti

Comunemente, un codice Javascript viene dichiarato all'inizio della pagina html che ne fa uso, all'interno dei tag <head>.

<html>

<head>

<title></title>

<script language="JavaScript" type="text/JavaScript">

<!--

function nomePrimaFunzione()

{

// blocco di istruzioni

}

function nomeSecondaFunzione()

{

// blocco di istruzioni

}

//-->

</script> </head>

<body></body>

</html>

Senza scendere nei particolari dei tag di apertura e chiusura, e sulla struttura del codice, quando si parla di "inserire un codice tra i tag <head> della pagina", si intende:

<html>

<head>

// inserire il codice qui

</head>

<body></body>

</html>

Una funzione dichiarata nel codice javascript all'iniizo della pagina, può essere richiamata in altri punti tramite questa sintassi:

nomeFunzione([parametri]);

cioè scrivendo il nome della funzione, aprendo e chiudendo le parentesi tonde alla fine di quest'ultimo. Se è richiesto il passaggio di parametri, questi vanno inseriti tra le parentesi tonde, separati da una virgola se più di uno:

nomeFunzione(param1, param2, ..., paramN);

Ad esempio, se vogliamo che la funzione prova() venga eseguita all'apertura della pagina html, inseriremo il richiamo alla stessa all'interno del tag <body>, più in particolare sotto il controllo dell'evento onLoad:

<html>

<head>

<title></title>

<script language="JavaScript" type="text/JavaScript">

<!--

function prova()

{

// blocco di istruzioni

}

//-->

</script> </head>

<body onLoad="prova()">

</body>

</html>

Se invece vogliamo eseguire la funzione alla pressione di un tasto, possiamo utilizzare l'evento onClick:

<html>

<head>

<title></title>

<script language="JavaScript" type="text/JavaScript">

<!--

function prova() {

// blocco di istruzioni

}

//-->

</script>

</head>

<body>

<input type="submit" onClick="prova()" value="Esegui">

</body>

</html>


Ti consigliamo anche