Siti Web spesso utilizzano codice in più lingue. Contenuto della pagina Web comprende strutture di markup in formato HTML, mentre lo styling dichiarazioni appaiono nel codice di foglio di stile CSS. Inoltre, molti siti Web utilizzare JavaScript per lo scripting lato client. Lo sviluppo di JavaScript comporta programmazione codice, in modo che possa implementare applicazioni Web complesse. Script di codifica per le pagine HTML Web può essere abbastanza semplice che anche i principianti possono imparare le tecniche coinvolte.

Aree di script

Pagine Web possono includere aree per codice di script nella sezione testa e corpo. Nell'esempio di codice riportato di seguito viene illustrata una sezione di script che è possibile aggiungere a una pagina nell'area la testa o il corpo:

< script type = "text/javascript" >
qui il codice di script
< / script >

All'interno di questa sezione, gli sviluppatori possono includere qualsiasi codice JavaScript necessarie. Nell'esempio di codice riportato di seguito viene illustrato che collega per il codice di script in un file separato, da sezione di testa di HTML:

< script type = "text/javascript" src="scripts/mycode.js" >< / script >

Consente di importare il contenuto di un file di script memorizzato all'interno di una directory denominata "script" che è nella stessa directory della pagina. Lo sviluppatore può creare questo script, salvarlo con il nome "mycode.js" e posizionarlo all'interno della directory specificata sul server. Qualsiasi codice JavaScript elencati nel file esterno può essere utilizzato all'interno della pagina Web.

Sintassi di JavaScript

JavaScript è un linguaggio relativamente facile da imparare, anche se avete poca esperienza di programmazione. La sintassi è che JavaScript è leggibile, quindi gli script all'interno di pagine HTML sono spesso facili da comprendere e lavorare con. Molte sezioni di script HTML contengono solo poche righe di codice. Codifica di singoli elementi di modelli di dati come variabili, come il seguente esempio di codice JavaScript:

var titolo = "My Page";

Elaborazione di JavaScript può anche svolgere operazioni aritmetiche, come segue:

var = prima 3;
var secondo = 5;
risultato var = prima * seconda;

La terza variabile memorizzerà il risultato dell'operazione di moltiplicazione quando questo codice viene eseguito.

Funzioni

I programmatori possono includere codice JavaScript all'interno delle funzioni di elaborazione. In questo modo le pagine di riutilizzare più volte le stesse istruzioni di codice senza dover ripetere la sintassi. Nell'esempio di codice riportato di seguito viene illustrato una funzione JavaScript:

Function formatContent(content) () {
var formattedContent = "< p > qui è il contenuto:" + contenuto + "</p >";
Return formattedContent;
}

Questa funzione prende alcuni contenuti passato come parametro e quindi crea il contenuto nelle strutture HTML, prima di restituire il risultato per il codice che chiama la funzione. Nell'esempio di codice riportato di seguito viene illustrato come chiamare la funzione da un'altra posizione dello script; ad esempio, sezione body della pagina HTML:

var visibleContent = formatContent("Hello");
Document.Write(visibleContent);

Questo farà sì che il contenuto passato a comparire nel markup della pagina Web HTML, formattato dalla funzione, come segue:

< p > qui è il contenuto: Ciao </p >

(Vedere riferimenti 5)

Controllo

Codice JavaScript possa utilizzare strutture di controllo per dettare il flusso di elaborazione. Istruzioni condizionali possono personalizzare l'esecuzione ai valori delle variabili dei dati, come nell'esempio di codice riportato di seguito:

Function checkValue(val) () {
if(Val<10) alert (val + "è inferiore a 10");
altro if(val>10) alert (val + "è uguale a 10");
altro avviso (val + "è maggiore di 10");
}

Questa funzione accetta una numero variabile passata e quindi esegue una serie di test condizionali su di esso. Il primo test verifica se il valore è inferiore a dieci, nel qual caso viene eseguita la funzione di allarme prima e il browser ignora gli altri due. Se il primo test condizionale ha un risultato falso, elaborazione passerà alla seconda prova. Se i test primi e la secondo restituiscono false, il contenuto dell'istruzione "else" verrà eseguito, poiché questa è l'unica possibilità rimanente.