Javascript è un linguaggio di scripting lato client che consente di reagire in tempo reale agli input dell'utente . Ad esempio, è possibile creare un modulo HTML che aggiorna automaticamente un campo totale come utente regolare le singole voci sul modulo . Per fare questo, è necessario assegnare un nome a ciascun elemento del modulo , scrivere una funzione che aggiorna il totale e chiamare la funzione ogni volta che uno dei cambiamenti elementi . Istruzioni
1
Creare un nuovo documento HTML utilizzando il blocco note o un editor HTML . Ingresso le intestazioni HTML nel documento : < ! DOCTYPE HTML >
< p >
modulo d'ordine < /title> <br> 2 <p> creare uno stile per il modulo di ingresso si creerà : . <br> <p> <style> <br> <p> OrderForm {width : 250px ; display: block; } <br> <p> item { width: 100px ; float : . sinistra ; margin-left : 10px , text-align : . destra } <br> <p> input { width: 50px ; margin-left : 10px ; text-align : . sinistra } <br> <p> totale {width : 20px; margin-left : 10px , font- weight: bold ; } <br> <p> < /style > <br> 3 <p> Creare una funzione JavaScript per accedere a ogni elemento del modulo di input e calcolare e visualizzare un totale : <br> <p> <script> <br> <p> totale function () { var <br> <p> totale = ( parseInt ( document.order.apples.value )
<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='/Programmazione/javascript-programming/90951.html' >Come chiamare JavaScript da un modello HTML </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90953.html' >Come rimuovere un array associativo 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"> Articoli Correlati </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="/Programmazione/javascript-programming/90822.html" title="Come ottenere un modale jQuery per mostrare " target="_self">Come ottenere un modale jQuery per mostrare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90814.html" title="HTML onload Opzioni " target="_self">HTML onload Opzioni </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90910.html" title="Come Ping in Javascript " target="_self">Come Ping in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91266.html" title="Come convertire stringa a intero su Javascript " target="_self">Come convertire stringa a intero su Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91120.html" title="Come bollire Ham salmistrata " target="_self">Come bollire Ham salmistrata </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90953.html" title="Come rimuovere un array associativo JavaScript " target="_self">Come rimuovere un array associativo JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91226.html" title="Come controllare Barre di scorrimento con Javascript " target="_self">Come controllare Barre di scorrimento con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90859.html" title="Come leggere un oggetto in jQuery " target="_self">Come leggere un oggetto in jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91167.html" title="Come imparare Java Script " target="_self">Come imparare Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91265.html" title="Come controllare il valore NULL in JavaScript " target="_self">Come controllare il valore NULL in 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 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">Articoli in evidenza </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="/Programmazione/php-mysql-programming/91639.html" title="Funzione Percentuale in PHP " target="_self">Funzione Percentuale in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96215.html" title="Come creare un browser Web in base Visive 2008 " target="_self">Come creare un browser Web in base Visive 2008 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95388.html" title="Come fare un pulsante Apri un sito web con Visual Basic 6 " target="_self">Come fare un pulsante Apri un sito web con Visual Basic…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95443.html" title="Come aggiungere una scheda in una stringa in VB.NET " target="_self">Come aggiungere una scheda in una stringa in VB.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89858.html" title="Come associare un metodo a un evento in Java " target="_self">Come associare un metodo a un evento in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93720.html" title="Come importare un file Python per lavorare in un GUI Python " target="_self">Come importare un file Python per lavorare in un GUI Py…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94894.html" title="Come ottenere un valore decimale da una casella di testo " target="_self">Come ottenere un valore decimale da una casella di test…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89837.html" title="Come per rilevare pressione di un tasto in Java " target="_self">Come per rilevare pressione di un tasto in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87437.html" title="Come incorporare Sprite Flex " target="_self">Come incorporare Sprite Flex </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86609.html" title="Come configurare Citrix " target="_self">Come configurare Citrix </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 © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 