Come aggiornare un campo di visualizzazione utilizzando JavaScript

September 13

JavaScript utilizza quello che viene chiamato il modello di oggetti diretto o DOM. Ciò rende più semplice fare riferimento gli elementi di una pagina in base alla loro classe o ID. È quindi possibile interagire con porzioni di tale oggetto utilizzando i gestori di eventi. In una forma, ad esempio, il campo di visualizzazione viene fatto riferimento come il valore di un particolare oggetto e può essere scritto usando JavaScript chiamando nome del modulo e modificare il valore. Questa costruzione rende JavaScript una lingua facile da imparare e interagire con.

istruzione

1 Apri la pagina web che si sta lavorando in un editor di testo o un ambiente di sviluppo dedicato.

2 Aggiungere il "<script type =" text / javascript ">" e "</ script>" linee nella parte superiore del file in "<head>" area di tag.

3 Aggiungere una funzione all'interno del "<script>" tag digitando le tre linee:

funzione ChangeValue () {

myForm.myText.value = "Ho fatto un cambiamento!";

}

4 Creare un form denominato myForm e un campo di testo all'interno di tale modulo denominato myText nel "<body>" del codice della pagina con l'aggiunta di queste tre linee:

<Form name = myForm>

<Input type = text = nome myText>

</ Form>

5 Aggiungere un gestore di eventi che poi chiama la ") ChangeValue (" la funzione. Ad esempio, per modificare la visualizzazione del testo al passaggio del mouse su un collegamento, aggiungere la riga "<a href="#" onMouseOver="changeValue()"> mouse Over Me per mostrare la </a> testo".