Web browsers verschillend reageren op verschillende browserinstellingen vanwege de manier waarop browser specificaties zijn geïnterpreteerd of uitgevoerd . U kunt met behulp van schuifbalken JavaScript verbergen, maar er zijn verschillende instellingen te wijzigen op basis van de vraag of de browser van de gebruiker is Internet Explorer of iets anders dan IE . Voor IE , kunt u schuifbalken verbergen door het veranderen van de " scroll "-attribuut van het document lichaam . In andere browsers , je schuifbalken verbergen door het veranderen van de " overflow " attribuut stijl . Instructies
1 Maak een nieuwe HTML-bestand met een editor of het Kladblok . Voer een HTML skelet voor het bestand . ! Typ bijvoorbeeld :
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd >
"
Hide <br> Pagina 2 <p> Maak een JavaScript-functie en plaats deze tussen de "head " tags in de HTML-document . Stel het document stijl overflow attributen om "verborgen " voor niet - IE browsers en stel de scroll kenmerk van het document lichaam om "nee" voor Microsoft Internet Explorer . Typ bijvoorbeeld : <p> <script type="text/javascript"> <p> functie hideScrollBars <br> ( ) { <p> document.documentElement.style.overflowX <br> = " hidden " ; <p> document.documentElement.style.overflowY <br> = " hidden " ; <p> document.body.scroll <br> = " no " ; //Internet Explorer <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 3 <p> Maak een formulier met een knop die de schuifbalken zal verbergen . Wanneer een gebruiker op de knop klikt , bellen met de JavaScript-functie die de schuifbalken verbergt . Typ bijvoorbeeld : <p> <body> <p> <form name="myForm"> < input type = " button " name = " button " value = " verbergen " onclick <br> = " hideScrollBars ( ) " /> <br> <p> < /html > <br> < br < /form > <p> < /body Aanmelden> ></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91019.html' >Hoe maak je Stuur een JavaScript functie in een hyperlink </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91021.html' >Hoe naar beneden schuiven JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90862.html" title="Hoe te Sliding Content maken in jQuery " target="_self">Hoe te Sliding Content maken i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91096.html" title="XML Tool Tip Tutorial " target="_self">XML Tool Tip Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90859.html" title="Hoe kan ik een object in jQuery Lees " target="_self">Hoe kan ik een object in jQuer…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91171.html" title="Hoe je pop-ups maken " target="_self">Hoe je pop-ups maken </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91037.html" title="Printen met JavaScript " target="_self">Printen met JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90962.html" title="Hoe te Strings & Substrings bewerken in JavaScript " target="_self">Hoe te Strings & Substrings be…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91006.html" title="Hoe te weten hoeveel beelden worden in een DIV Met JavaScript " target="_self">Hoe te weten hoeveel beelden w…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90795.html" title="JavaScript -functies op Named Parameters Accepteer " target="_self">JavaScript -functies op Named …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91223.html" title="Hoe te wijzigen Tekengrootte in Java Script " target="_self">Hoe te wijzigen Tekengrootte i…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85250.html" title="Doel van CString Methoden " target="_self">Doel van CString Methoden </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/93095.html" title="Hoe maak je een tabel maken in PHP " target="_self">Hoe maak je een tabel maken in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90202.html" title="Hoe te controleren of een String Bevat Alleen Alphabet Letters in Java " target="_self">Hoe te controleren of een String Bevat A…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85930.html" title="Hoe te Videogames verdienen met C + + " target="_self">Hoe te Videogames verdienen met C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87794.html" title="De functies van een Web Database " target="_self">De functies van een Web Database </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86874.html" title="Hoe maak je een Web Bot Zorg " target="_self">Hoe maak je een Web Bot Zorg </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/93060.html" title="Hoe PDF-bestanden in PHP lezen " target="_self">Hoe PDF-bestanden in PHP lezen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92105.html" title="Hoe maak je een string converteren naar XML in PHP " target="_self">Hoe maak je een string converteren naar …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93897.html" title="Hoe te Words & Lines tellen in Python " target="_self">Hoe te Words & Lines tellen in Python </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
