Codice HTML per chiamare una funzione in un file JS

March 27

Codice HTML per chiamare una funzione in un file JS


Le pagine Web possono fare riferimento al codice in file esterni. Questo permette agli sviluppatori di chiamare su funzioni JavaScript salvati in file ".js". All'interno della sezione head di una pagina Web HTML, un collegamento può importare il contenuto di un file JavaScript. Nella sezione del corpo, il markup HTML può includere istruzioni per il browser per richiamare le funzioni in tutti i file JavaScript legati alla nella testa. Spesso, le pagine Web invitano tali funzioni quando si verifica l'interazione dell'utente con la pagina.

script link

Per fare uso di funzioni in un file JavaScript esterno, una pagina Web deve includere un link al file. Il seguente codice HTML di esempio dimostra un link a un file JavaScript elencato nella sezione head HTML:

<Script type = "text / javascript" che viene memorizzato nella stessa directory della pagina stessa. Se l'indirizzo di script installati in un luogo diverso, questo codice deve riflettere la posizione come parte dell'attributo "src".

Descrizione generale della funzione

Per chiamare una funzione JavaScript, è necessario conoscere il contorno della funzione. Per verificare questo, è possibile individuare la funzione nella sua sorgente file JavaScript e guardare la sua prima linea. Il codice JavaScript seguente esempio illustra il contorno di una funzione:

funzione doSomethingGood ()

Per chiamare questa funzione, il codice JavaScript all'interno della pagina Web deve usare il nome della funzione, come nel seguente estratto di codice:

doSomethingGood ();

Quando questo codice viene eseguito, il contenuto della funzione eseguirà.

Tag HTML

Per chiamare una funzione JavaScript da HTML, i programmatori devono decidere quando la funzione deve essere eseguita. Spesso, le funzioni vengono eseguite su interazione dell'utente con un elemento HTML. Questa tecnica utilizza listener di eventi, che è possibile allegare agli elementi HTML usando attributi. Il seguente codice di markup HTML dimostra come specificare una funzione JavaScript da eseguire quando l'utente fa clic su un elemento:

<Input type = "button" value = "Clicca per fare qualcosa di buono" onclick = "doSomethingGood ();" />

Quando l'utente fa clic su questo pulsante, il browser di individuare la funzione specificata, quindi eseguirlo.

Opzioni

Gli sviluppatori hanno bisogno di adattare le loro chiamate di funzione per i dettagli delle funzioni stesse. Alcune funzioni prendono i parametri e di alcuni valori di ritorno quando hanno finito di esecuzione. La funzione JavaScript seguente esempio accetta un parametro e restituisce un valore:

Funzione multiplyIt (startNum) {

tornare startNum * 5;

}

Il seguente esempio di estratto JavaScript dimostra chiamare questa funzione e utilizzando il valore di ritorno:

var = resultNum multiplyIt (3);

document.write (resultNum);

Il codice passa un valore numerico alla funzione e riceve un altro valore numerico in cambio. Memorizza il valore restituito in una variabile, quindi utilizza questo all'interno di ulteriori elaborazioni.