5 Usi di JavaScript

March 6

5 Usi di JavaScript


JavaScript è diventato una parte fondamentale dello sviluppo web. JavaScript consente ai programmatori di creare moduli interattivi che utilizzano (o azione) guidati parametri event-driven. JavaScript può anche animare parti di pagine web per renderle più appetibili. Inoltre, i programmatori possono utilizzare JavaScript per disporre le pagine Web intere sulla base del browser Web dell'utente. Inoltre, gli sviluppatori di giochi possono utilizzare JavaScript per creare giochi basati sul Web completamente funzionale.

Forme ed Eventi

I programmatori possono utilizzare JavaScript per rendere le forme di input dell'utente, come i bottoni, interattivi. Utilizzando i gestori di eventi nei tag modulo HTML, i programmatori possono creare interfacce (come pulsanti) che eseguono funzioni JavaScript:

<Html>

<Head>

<Script type = "text / javascript>

funzione ciao ()

{

document.write ( "Ciao!");

}

</ Head>

<Body>

<Form>

<Input type = "button" onclick = "ciao ()"> Click </ input>

</ Form>

</ Body>

</ Html>

JavaScript rende il pulsante in realtà svolgono una funzione, qualcosa che HTML non può.

HTML Design Document

programmatori JavaScript possono inoltre usufruire del Document Object Model (DOM), messi in pratica dai browser Web per offrire un modello standardizzato di come documenti HTML sono stati progettati. Accedendo il modello DOM, e capire come JavaScript può interagire con esso, programmatori JavaScript possono utilizzare JavaScript per manipolare qualsiasi parte di un documento. In questo modo, se un modulo esiste nel documento HTML denominato "form1", quindi JavaScript potrebbe accedere al modulo con il codice

document.getFormById ( "form1")

ed eseguire azioni su quella forma, come ad esempio il ripristino di esso.

Animated User Interaction

Utilizzando gli eventi "onmouseover" e "onMouseOut", il programmatore può creare eventi usando JavaScript base alla posizione del mouse. Il programmatore può usare questo al fine di eseguire un comando JavaScript che cambia il testo in base alla posizione del mouse, crea menu a discesa, o cambia le immagini quando un cursore scorre sopra una foto, come in questo esempio:

<Html>

<Head>

<Script type = "text / javascript">

funzione Picture1 ()

{

document.getElementById ( "B1"). src = "red.gif"

}

funzione Picture2 ()

{

document.getElementById ( "B1"). src = "blue.gif"

}

</ Script>

</ Head>

<Body>

<A href = "www.page.com" target = "_ blank" onmouseover = "Picture2 ()"

onmouseout = "Picture1 ()">

<Img border = "0" id = "b1" /> </a>

</ Body>

</ Html>

Giochi JavaScript

JavaScript può anche disegnare elementi grafici alla pagina web al fine di creare videogiochi. sono stati creati cloni di giochi come "Tetris" e Break Out ", insieme a una serie di giochi originali. Lo sviluppo di questi giochi di solito comportano l'uso di librerie JavaScript o gioco quadri di design come il quadro Prototype (prototypejs.org) o GameQuery (gamequery.onaluf.org).