Il Document Object Model , o DOM , fornisce un metodo standard per manipolare HTML con script o linguaggio di programmazione . L'oggetto " finestra" nel DOM si riferisce alla finestra attiva e contiene molti attributi e gli elementi che definiscono ulteriormente la finestra. Il metodo " scrollBy " consente 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 . Istruzioni
1
Creare un nuovo documento HTML con il Blocco note o un editor HTML . Immettere 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 ">
Esempio di scorrimento < /title> <br> <br> 2 <p> Creare una funzione JavaScript che utilizzerà il metodo " scrollBy " per scorrere la schermata verso il basso di 50 pixel . Ad esempio, digitare : <br> <p> <script type="text/javascript"> <br> <p> funzione ScrollWindow ( ) { <br> <p> window.scrollBy ( 0,50 ) ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> 3 <p> Aggiungi un pulsante sullo schermo che chiamerà la funzione di scorrimento quando si fa clic JavaScript . Ad esempio, digitare : <br> <p> <body> <br> <p> <form id="myForm"> < input type = "button" value onclick " Scroll " = " ScrollWindow ( ) " /> < /form > <br> <p> < /body> <br> <p> < /html > <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1182040.html' >Come nascondere una barra di scorrimento con Javascript </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1182044.html' >Come confrontare Data Objects in JavaScript </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Java-Programming/1178704.html" target="_blank">Come eseguire file Java JAR in ColdFusion </a></li><li><a href="/Programmazione/C--C-----Programming/1172218.html" target="_blank">Come utilizzare Visual Studio per C + + </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175500.html" target="_blank">Come copiare il pulsante di codice per l'incorporamento </a></li><li><a href="/Programmazione/C--C-----Programming/1170736.html" target="_blank">Come fare un progetto SDL nei blocchi di codice </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173220.html" target="_blank">C'è un vantaggio di utilizzare un argomento piuttosto che dichiarare una variabile globale </a></li><li><a href="/Programmazione/Java-Programming/1178918.html" target="_blank">Come fare un action listener chiudere un JFrame </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1183394.html" target="_blank">Espressioni regolari in PHP </a></li><li><a href="/Programmazione/C--C-----Programming/1172058.html" target="_blank">Come calcolare ottale a binario conversione </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1182146.html" target="_blank">Tutorial JavaScript per Operatori aritmetici </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181556.html" target="_blank">Che cosa fa la ' A ' Simbolo media in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182324.html" target="_blank">Come utilizzare JavaScript e PHP in validazione Form </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182504.html" target="_blank">Tutorial su come Pull Down Menu in Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181960.html" target="_blank">Come sostituire i codici Div </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182326.html" target="_blank">JavaScript Tutorial and Reference </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181566.html" target="_blank">Codice abbellitori per Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182278.html" target="_blank">Come creare una Vista Sidebar Gadget </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182556.html" target="_blank">Come utilizzare una classe di matrici in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182048.html" target="_blank">Come modificare il contenuto di un iFrame con JavaScript </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>