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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/91020.html' >Cómo ocultar una barra de desplazamiento con javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91022.html' >Cómo comparar los objetos de fecha en JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90854.html" title="Cómo usar una etiqueta de ancla en JSP " target="_self">Cómo usar una etiqueta de ancla en JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90972.html" title="Cómo comprobar si el ratón está sobre DIV en JavaScript " target="_self">Cómo comprobar si el ratón está sobre DIV en JavaScr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90917.html" title="Cómo Alias de una función con JavaScript " target="_self">Cómo Alias de una función con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90784.html" title="Tutorial de jQuery y Google Maps " target="_self">Tutorial de jQuery y Google Maps </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90968.html" title="Cómo cambiar la barra de direcciones de JavaScript " target="_self">Cómo cambiar la barra de direcciones de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90954.html" title="Cómo crear una Ticker Javascript " target="_self">Cómo crear una Ticker Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90906.html" title="JavaScript para cálculos de tiempo " target="_self">JavaScript para cálculos de tiempo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90900.html" title="Cómo borrar atributos de elemento " target="_self">Cómo borrar atributos de elemento </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90916.html" title="JavaScript Nodo Tipos " target="_self">JavaScript Nodo Tipos </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91251.html" title="Cómo evitar Javascript Void " target="_self">Cómo evitar Javascript Void </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96249.html" title="Cómo convertir Fortran para Visual Basic " target="_self">Cómo convertir Fortran para Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95912.html" title="Cómo acceder a una consulta de eliminación VBA " target="_self">Cómo acceder a una consulta de eliminación VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90858.html" title="Cómo insertar jQuery " target="_self">Cómo insertar jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90799.html" title="Cálculos JavaScript con decimales " target="_self">Cálculos JavaScript con decimales </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87693.html" title="Cómo cambiar el título de la aplicación en VBA " target="_self">Cómo cambiar el título de la aplicación en VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90032.html" title="Cómo configurar Java JDK " target="_self">Cómo configurar Java JDK </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95539.html" title="Cómo matar a un grupo de VBS " target="_self">Cómo matar a un grupo de VBS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88106.html" title="Cómo escribir una función de diagrama de flujo de proceso " target="_self">Cómo escribir una función de diagrama de flujo de pro…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85726.html" title="Cómo utilizar las variables globales de Programación C " target="_self">Cómo utilizar las variables globales de Programación …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91655.html" title="Cómo utilizar las Sesiones de MODx Revolution " target="_self">Cómo utilizar las Sesiones de MODx Revolution </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
