The Document Object Model , eller DOM , ger ett standardiserat sätt att manipulera HTML med ett skript eller programmeringsspråk . The "window " objektet i DOM avser det aktiva fönstret och innehåller många attribut och element som ytterligare definierar fönstret. Den " scrollBy " metoden kan du bläddra fönstret ett visst antal scroll steg och du kan ringa denna metod för att rulla nedåt i ett fönster med hjälp av JavaScript . Instruktioner
1
Skapa ett nytt HTML- dokument med Notepad eller en HTML-editor . Ange HTML-huvuden för filen . ! Till exempel , typ :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
Bläddra Exempel < /title > <br> <br > 2 <p> Skapa en JavaScript -funktion som kommer att använda den " scrollBy " metod för att rulla skärmen nedåt med 50 pixlar . Till exempel , typ : <br> <p> <script type="text/javascript"> <br> <p> funktion scrollWindow ( ) { <br> <p> window.scrollBy ( 0,50 ) ; <br > <p> } <br> <p> < /script > <br> <p> < /head > Addera 3 <p> Lägg till en knapp på skärmen som kommer att ringa JavaScript scroll -funktionen när du klickar . Till exempel , typ : <br> <p> <body> <br> <p> <form id="myForm"> < input type = " button" value " Scroll " onclick = " scrollWindow ( ) " /> </form > <br> <p> < /body> <br> <p> < /html > Addera <br>
<div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91020.html' >Hur att dölja en rullningslist med JavaScript </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91022.html' >Hur du jämför Datum objekt i JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/90950.html" title="Hur du ändrar en Drop - Down Index i JavaScript " target="_self">Hur du ändrar en Drop - Down Index i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91122.html" title="Så här kontrollerar du om webbläsaren har fokus i JavaScript " target="_self">Så här kontrollerar du om webbläsaren har fokus i Ja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91137.html" title="Hur aktiverar jag en JavaScript mycket lättare " target="_self">Hur aktiverar jag en JavaScript mycket lättare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90783.html" title="Kod Förvackrare för JavaScript " target="_self">Kod Förvackrare för JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91180.html" title="JavaScript Tutorial för Time valideringsfunktion " target="_self">JavaScript Tutorial för Time valideringsfunktion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90910.html" title="Hur Ping i Javascript " target="_self">Hur Ping i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91036.html" title="Hur du spelar in på en webbkamera från Chatroulette " target="_self">Hur du spelar in på en webbkamera från Chatroulette </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91124.html" title="Hur du använder Microsoft Script Debugger " target="_self">Hur du använder Microsoft Script Debugger </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90853.html" title="Hur man klarar Javascript Variabel Coldfusion " target="_self">Hur man klarar Javascript Variabel Coldfusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90988.html" title="Hur räkna ner Använda JavaScript " target="_self">Hur räkna ner Använda JavaScript </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 class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85910.html" title="Hur får man en Value GridView Cell " target="_self">Hur får man en Value GridView Cell </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91587.html" title="Hur Tilldela XML till en variabel i PHP " target="_self">Hur Tilldela XML till en variabel i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88754.html" title="Grundläggande programmering Hjälp " target="_self">Grundläggande programmering Hjälp </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87012.html" title="Hur man gör ett skript Stäng Itself " target="_self">Hur man gör ett skript Stäng Itself </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95530.html" title="Lägga till rullningslister Datagrid " target="_self">Lägga till rullningslister Datagrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91132.html" title="Hur du sätter på JavaScript i Dell 1501 Inspirion " target="_self">Hur du sätter på JavaScript i Dell 1501 Inspirion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/ruby-programming/94231.html" title="Hur man använder Raw SQL i Rails " target="_self">Hur man använder Raw SQL i Rails </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91150.html" title="Hur man genomför en grundläggande Destructor i JavaScript " target="_self">Hur man genomför en grundläggande Destructor i JavaSc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87781.html" title="Hur date Kolla in SQL " target="_self">Hur date Kolla in SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/90209.html" title="Hur man byter variabelnamn i Java " target="_self">Hur man byter variabelnamn i Java </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> 