Script HTML Coding

January 2

Script HTML Coding


I siti Web spesso utilizzano il codice in più lingue. contenuto della pagina Web include strutture di markup in HTML, mentre le dichiarazioni di stile appaiono nel codice Cascading Style Sheet. Molti siti web usano anche JavaScript per lo scripting lato client. sviluppo JavaScript coinvolge codice di programmazione, in modo da può implementare complesse applicazioni Web. Script di codifica per le pagine web HTML può essere abbastanza semplice che anche i principianti possono imparare le tecniche coinvolte.

Aree script

Le pagine Web possono includere aree di codice di script in sezioni testa e corpo. Il codice di esempio riportato di seguito illustra una sezione di script è possibile aggiungere a una pagina sia nella zona della testa o del corpo:

<Script type = "text / javascript">
// Codice di script qui
</ Script>

All'interno di questa sezione, gli sviluppatori possono includere qualsiasi codice JavaScript necessario. Il codice di esempio riportato di seguito illustra il collegamento al codice di script in un file separato, dalla sezione di testa HTML:

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

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

JavaScript Syntax

JavaScript è un linguaggio relativamente facile da imparare, anche se si ha poca esperienza di programmazione. La sintassi è JavaScript è leggibile, così gli script all'interno di pagine HTML sono spesso facili da capire e lavorare. Molte sezioni di script HTML contengono solo poche righe di codice. codifica JavaScript modelli singole voci di dati come variabili, come nel seguente codice di esempio:

titolo var = "La mia pagina";

trasformazione JavaScript può anche effettuare operazioni aritmetiche, come segue:

var prima = 3;
var secondo = 5;
var result = primo * secondo;

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

funzioni

I programmatori possono includere JavaScript elaborazione di codice all'interno delle funzioni. In questo modo le pagine di ri-utilizzare le stesse istruzioni di codice più volte senza dover ripetere la sintassi. Il codice di esempio riportato di seguito illustra una funzione JavaScript:

Funzione formatContent (contenuto) {
var formattedContent = "<p> Ecco il contenuto:" + contenuti + "</ p>";
tornare formattedContent;
}

Questa funzione richiede un po 'di contenuti passato come parametro, e poi costruisce il contenuto in strutture HTML, prima di restituire il risultato al codice chiamando la funzione. Il codice di esempio riportato di seguito illustra la chiamata alla funzione da un'altra posizione sceneggiatura; per esempio, la sezione del corpo della pagina HTML:

var = visibleContent formatContent ( "Ciao");
document.write (visibleContent);

Questo farà sì che il contenuto passata ad apparire all'interno del markup web pagina HTML, formattata dalla funzione, come segue:

<P> Ecco il contenuto: Ciao </ p>

(Vedi riferimenti 5)

Controllo

Il codice JavaScript è possibile utilizzare strutture di controllo per dettare il flusso di lavorazione. Le istruzioni condizionali possono adattare l'esecuzione ai valori delle variabili di dati, come nel seguente codice di esempio:

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

Questa funzione accetta un numero variabile passata, e quindi esegue una serie di test condizionali su di esso. Il primo test controlla se il valore è inferiore a dieci, nel qual caso la prima funzione di allarme viene eseguita e il browser ignora gli altri due. Se il primo test condizionale ha un risultato falso, l'elaborazione passa alla seconda prova. Se le prime e seconde prove restituiscono false, il contenuto della dichiarazione "altro" eseguirà, poiché questa è la possibilità unica rimasta.