JavaScript er en klient- side skriptspråk som lar deg reagere i sanntid til brukerens input. For eksempel kan du lage et HTML-skjema som automatisk oppdaterer en total felt som bruker justerer enkelte oppføringer i skjemaet . For å gjøre dette , må du tilordne et navn til hvert skjema element , skrive en funksjon som oppdaterer totalt og kaller funksjonen hver gang en av de elementene endring. Instruksjoner
en
Lag en ny HTML- dokument ved hjelp av Notepad eller en HTML- editor. Input HTML overskrifter i dokumentet : < ! DOCTYPE HTML >
< p>
Order Form < /title> <br> 2 <p> Lag styling for innspill skjemaet du vil lage : . <br> <p> <style> <br> <p> Bestillingsskjema { width : 250px ; display: block; } <br> <p> item { width : 100px ; float: . venstre ; margin-left : 10px ; text-align : . høyre} <br> <p> inngang { width : 50px ; margin -left: 10px ; text-align : . venstre } <br> <p> total { width : 20px ; margin -left: 10px , font- weight: bold ;} <br> <p> < /style > <br> 3 <p> Lag en JavaScript-funksjon for å få tilgang til hvert element i input form og beregne og vise en total : en <p> <script> <br> <p> funksjon totalt ( ) { <br> <p> Var total = ( parseInt ( document.order.apples.value )
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90951.html' >Hvordan Ring JavaScript Fra en HTML-mal </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90953.html' >Slik fjerner en JavaScript assosiativ array </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<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.datamaskin.biz/Programmering/javascript-programming/91219.html" title="Hvordan endre en link med JavaScript " target="_self">Hvordan endre en link med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91082.html" title="Hvordan hente data fra en database ved hjelp av Java Script " target="_self">Hvordan hente data fra en database ved hjelp av Java Sc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91045.html" title="Hvordan Endre HTML Text i jQuery Input " target="_self">Hvordan Endre HTML Text i jQuery Input </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90985.html" title="Hvordan Roter Links i JavaScript " target="_self">Hvordan Roter Links i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90777.html" title="Hvordan lage et program for å konvertere Celsius til Kelvin " target="_self">Hvordan lage et program for å konvertere Celsius til K…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91264.html" title="Hvordan laste opp Flash filmer " target="_self">Hvordan laste opp Flash filmer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91242.html" title="Hvordan lage Google Maps Application " target="_self">Hvordan lage Google Maps Application </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91014.html" title="Hvordan endre en musepekeren Med jQuery " target="_self">Hvordan endre en musepekeren Med jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90983.html" title="Hvordan skjule alle åpne DIVs i JavaScript " target="_self">Hvordan skjule alle åpne DIVs i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91147.html" title="Hvordan lage tekst basert nettleser Games " target="_self">Hvordan lage tekst basert nettleser Games </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<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.datamaskin.biz/Programmering/javascript-programming/90969.html" title="Slik skjuler flere elementer i Javascript " target="_self">Slik skjuler flere elementer i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95380.html" title="Hvordan endre størrelsen på et Visual Basic Form å passe på skjermen " target="_self">Hvordan endre størrelsen på et Visual Basic Form å p…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91536.html" title="Hvordan lage en mal System i PHP " target="_self">Hvordan lage en mal System i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/93134.html" title="Hvordan konfigurere MySQL på en Windows-PC " target="_self">Hvordan konfigurere MySQL på en Windows-PC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90337.html" title="Hvordan legge til KeyListener " target="_self">Hvordan legge til KeyListener </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86600.html" title="Forskjeller mellom UML og de andre språkene " target="_self">Forskjeller mellom UML og de andre språkene </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87662.html" title="Slik importerer brukere i Community Builder på Joomla " target="_self">Slik importerer brukere i Community Builder på Joomla </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85703.html" title="Hvordan finne Resten på C " target="_self">Hvordan finne Resten på C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95595.html" title="Hvordan Tillat Personsøker i DataGrid " target="_self">Hvordan Tillat Personsøker i DataGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89477.html" title="Hvordan Endre NetBeans Font " target="_self">Hvordan Endre NetBeans Font </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 