All'interno di una pagina Web, è possibile inserire il codice JavaScript in varie località. È possibile utilizzare i tag di script all'interno delle sezioni testa e corpo, elencando le funzioni JavaScript e istruzioni da eseguire. Se si preferisce mantenere il vostro codice JavaScript in un file separato, è possibile collegare il contenuto di questo file all'interno della sezione head della pagina Web. estratti JavaScript appaiono anche nel codice di markup HTML, in particolare sotto forma di attributi listener di eventi.

script Testa

Le pagine Web possono includere aree di script per il codice JavaScript nella sezione head. Il seguente markup esempio illustra una sezione JavaScript è possibile elencare tra l'apertura e la chiusura tag testa tra le pagine:

<Script type = "text / javascript">
/ Funzioni JavaScript qui /
</ Script>

codice JavaScript incluso nelle pagine che utilizzano questa tecnica comporta normalmente funzioni. Queste funzioni si eseguirà solo quando qualche evento causa loro - per esempio, il caricamento della pagina, oppure un utente interagisce con un elemento di pagina Web.

script separati

È possibile includere collegamenti per separare i file JavaScript utilizzando i tag di script modificati nelle sezioni della testa di pagina Web. Il codice di esempio riportato di seguito illustra questa pratica:

<Script type = "text / javascript" src = "myscriptcode.js"> </ script>

Quando tale struttura marcatura appare in una pagina Web, il browser Web dell'utente importerà il contenuto dello script richiedendo dal luogo indicato come la fonte, o "src", attributo. La pagina può richiamare le funzioni nello script importato, utilizzando la stessa sintassi sarebbe per funzioni JavaScript elencate direttamente nella sezione head.

page Body

codice JavaScript può apparire all'interno della sezione corpo della pagina all'interno di tag script. Il codice di esempio riportato di seguito illustra una sezione script con una dichiarazione semplice codice al suo interno:

<Script type = "text / javascript">
document.write ( "Ciao");
</ Script>

Questa tecnica consente agli sviluppatori di inserire trasformata direttamente in una pagina Web. A differenza di codice elencato all'interno funzioni nella sezione head, istruzioni JavaScript inclusi in questo modo nella zona corpo della pagina verrà eseguito quando la pagina viene caricata. Ciò significa che il codice viene eseguito senza dover essere chiamato esplicitamente qualche evento.

Attributi eventi

JavaScript funzione chiama spesso compare entro il listener di eventi attributi degli elementi HTML. In uno scenario tipico, una risorsa JavaScript, sia nella sezione di pagina testa o uno script separato con un collegamento in testa pagina conterrà una lista di funzioni, come il seguente esempio:

Funzione pressedMe (pressedID) {
alert ( "Premuto:" + pressedID);
}

Un elemento HTML può includere codice istruire il browser per chiamare questa funzione su interazione dell'utente, come segue:

<Button type = "button" id = "Button1" onclick = "pressedMe (this.id)"> Premere Me </ button>

Quando l'utente fa clic su questo pulsante, il browser Web cercherà la funzione elencata come attributo ascoltatore "onclick", definendolo e passando l'attributo ID elemento come parametro.