El Document Object Model o DOM , proporciona una forma estándar para manipular HTML con un script o lenguaje de programación. El objeto " window " en el DOM se refiere a la ventana activa y contiene muchos atributos y elementos que definen aún más la ventana. El método " scrollBy " le permite desplazarse por la ventana de un cierto número de incrementos de desplazamiento y se puede llamar a este método para desplazarse hacia abajo en una ventana con JavaScript. Instrucciones
1
Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Introduzca las cabeceras HTML para el archivo. ! Por ejemplo , escriba:
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
Ejemplo de desplazamiento < /title> <br> <br> 2 <p> Crear una función de JavaScript que se utilice el método de " scrollBy " para desplazar la pantalla hacia abajo por 50 píxeles. Por ejemplo , escriba: <br> <p> <script type="text/javascript"> <br> <p> ScrollWindow function () { <br> <p> window.scrollBy ( 0,50 ) ; <br> <p> <br> <p> } < /script > <br> <p> < /head> <br> 3 <p> Agregar un botón en la pantalla que le llame la función de desplazamiento cuando se hace clic JavaScript . Por ejemplo , escriba: <br> <p> <body> <br> <p> <form id="myForm"> < input type = "button" valor onclick "Scroll " = " ScrollWindow ()" /> < /form> <br> <p> < /body> <br> <p> < /html > <br> <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/91020.html' >Cómo ocultar una barra de desplazamiento con javascript </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/91022.html' >Cómo comparar los objetos de fecha en JavaScript </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91064.html">Cómo combinar Javascripts </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91238.html">Cómo cambiar los valores en XML con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90921.html">Código para hacer referencia a un archivo JS </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91168.html">Cómo eliminar una barra de direcciones en HTML </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90989.html">Cómo conseguir un atributo de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90992.html">Cómo hacer un DIV Visible con un desplazamiento de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90897.html">Cómo utilizar JS para escribir en otro documento </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91229.html">Cómo convertir texto a Java Script </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90955.html" >Cómo obtener una secuencia de comandos de Cookies </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91115.html" >Cómo hacer esquinas curvas Javascript para IE </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90837.html" >Ejemplos básicos de jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90877.html" >Cómo quitar un controlador de eventos en TinyMCE </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90868.html" >Cómo desactivar el desplazamiento en Google Maps API V3 </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90892.html" >Cómo eliminar un subdominio en JavaScript </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90927.html" >Cómo ocultar un DIV en una devolución de datos en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90800.html" >Cómo hacer múltiples marcadores con Maps API </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91107.html" >Cómo habilitar y deshabilitar una imagen Música de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90940.html" >Cómo girar texto de Licenciado en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90824.html" >Cómo hacer un Google Map Overlay </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91198.html" >Cómo hacer un contador de tiempo en el Game Maker </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html> 