Come scorrere verso il basso in JavaScript

June 27

Il Document Object Model, o DOM, fornisce un modo standard per manipolare HTML con un linguaggio di scripting o di programmazione. L'oggetto "finestra" nel DOM riferisce alla finestra attiva e contiene molti attributi ed elementi che definiscono ulteriormente la finestra. Il metodo "scrollBy" permette di scorrere la finestra di un certo numero di incrementi di scorrimento e si può chiamare tale metodo per scorrere verso il basso in una finestra utilizzando JavaScript.

istruzione

1 Creare un nuovo documento HTML con il Blocco note o un editor HTML. Inserire le intestazioni HTML per il file. Ad esempio, digitare:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />

<Title> Scroll Esempio </ title>

2 Creare una funzione JavaScript che utilizzerà il metodo "scrollBy" per scorrere lo schermo verso il basso di 50 pixel. Ad esempio, digitare:

<Script type = "text / javascript">

funzione ScrollWindow () {

window.scrollBy(0,50);

}

</ Script>

</ Head>

3 Aggiungere un pulsante sullo schermo che chiamerà la funzione di scorrimento JavaScript quando si fa clic. Ad esempio, digitare:

<Body>

<Form id = "myForm"> <input type = valore "tasto" "scorrimento" onclick = "ScrollWindow ()" /> </ form>

</ Body>

</ Html>