Javascript är ett klient - side skriptspråk som tillåter dig att reagera i realtid på användarens input . Till exempel kan du skapa ett HTML-formulär som automatiskt uppdaterar en total fält som användaren justerar enskilda poster i formuläret . För att göra detta måste du tilldela ett namn till varje formelement , skriva en funktion som uppdaterar totala och anropa funktionen varje gång en av de faktorer förändras . Instruktioner
1
Skapa ett nytt HTML- dokument med hjälp av Anteckningar eller en HTML-editor . Mata in HTML rubriker i dokumentet : < ! DOCTYPE HTML >
beställningsblankett < /title > <br> 2 <p> Skapa styling för ingången formuläret kommer du att skapa : . <br> <p> <style> <br> <p> Orderformulär { width : 250px ; display : block; } <br> <p> objektet { width : 100px ; float : . vänster ; margin-left : 10px , text - align : . höger } <br> <p> input { width : 50px ; margin-left : 10px ; text - align : . vänster } <br> <p> totalt { width : 20px ; margin-left : 10px , font -weight : bold ; } <br> <p> < /style > Addera 3 <p> Skapa en JavaScript -funktion för att komma åt elementen i den ingående formuläret och beräknar och visar en total : <br> <p> <script> <br> <p> funktionen totalt ( ) { <br> <p> var totalt = ( parseInt ( document.order.apples.value )
<div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='http://www.dator.xyz/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/90951.html' >Hur Ring JavaScript Från en HTML-mall </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90953.html' >Hur man tar bort en JavaScript associativ array </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/90997.html" title="Hur man skriver på ett Div Från JavaScript " target="_self">Hur man skriver på ett Div Från JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90814.html" title="HTML onload Alternativ " target="_self">HTML onload Alternativ </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91066.html" title="Hur du ändrar ett PHP variabel med JavaScript " target="_self">Hur du ändrar ett PHP variabel med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91178.html" title="JavaScript Target iFrame Document Tutorial " target="_self">JavaScript Target iFrame Document Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91168.html" title="Hur man tar bort ett adressfält i HTML " target="_self">Hur man tar bort ett adressfält i HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91043.html" title="Vad betyder Varning : Skriptet svarar Mean " target="_self">Vad betyder Varning : Skriptet svarar Mean </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90998.html" title="Hur får Browser Width " target="_self">Hur får Browser Width </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90888.html" title="Hur man använder Prototype JS " target="_self">Hur man använder Prototype JS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90926.html" title="Hur man tar bort rullningslister Använda JavaScript " target="_self">Hur man tar bort rullningslister Använda JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91171.html" title="Hur man gör Pop - Ups " target="_self">Hur man gör Pop - Ups </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/javascript-programming/91228.html" title="Konvertera Javascript UTC Datum för Eastern Time " target="_self">Konvertera Javascript UTC Datum för Eastern Time </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95260.html" title="Hur man läser med inställningar i Visual Basic " target="_self">Hur man läser med inställningar i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91470.html" title="WordPress zlib-komprimering funktioner i PHP " target="_self">WordPress zlib-komprimering funktioner 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/86468.html" title="Den funktion F- statistik i MATLAB " target="_self">Den funktion F- statistik i MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95724.html" title="Vad är ett rutsystem " target="_self">Vad är ett rutsystem </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91103.html" title="Konfigurera Proxy PAC -filer " target="_self">Konfigurera Proxy PAC -filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92275.html" title="Hur kan man överföra och FTP En fil med PHP " target="_self">Hur kan man överföra och FTP En fil med PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91350.html" title="Hur man kontrollera antalet datafiler man kan ha i en Oracle Database " target="_self">Hur man kontrollera antalet datafiler man kan ha i en O…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93020.html" title="Hur man avgör om en fil existerar i PHP " target="_self">Hur man avgör om en fil existerar i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96311.html" title="Hur man byter flera textrutor i Visual Basic " target="_self">Hur man byter flera textrutor i Visual Basic </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> 