browser Internet sono stati creati originariamente per visualizzare i documenti semplici . Tuttavia, una volta che la popolarità di Internet è cresciuta , gli sviluppatori hanno trovato un bisogno di far accadere le cose sulla pagina , come cambiare i colori, i font e le immagini in base a ciò che l'utente stava facendo. Con lo sviluppo di forme di necessità è cresciuta ulteriormente come sono stati necessari metodi per validare e modificare il contenuto dei campi del modulo . JavaScript è stato inventato da Netscape per eseguire queste attività , è attuata oggi in tutti i principali browser . Cose che ti serviranno
Browser
editor di testo per PC ( Notepad funzionerà ) economici Mostra più istruzioni
1
creare un file vuoto sul vostro PC . Salvarlo in una directory facile da trovare e digitare . Rendere il file di estensione HTM o HTML . Il nome del file può essere tutto quello che vuoi , ma qualcosa di semplice come funziona 'test' . Se si salva nella directory temp, il percorso completo potrebbe essere: C : . \\ Temp \\ test.html
2
Aggiungi tag HTML di base per il vostro file. Quello che segue è la struttura di base di un documento HTML - si può entrare da soli, oppure basta copiare e incollare il seguente :
< p >
mio file di prova < /TITLE > <br> <p> <BODY> <br> <p> <H1> Questo è un test < /H1 > <br> <p> < /BODY > <br> <p> < /HTML > <br> <p> Salvare il file . Aprirlo nel suo browser con la /Open scelta menu File . Non si dovrebbe vedere uno dei tag , solo " Questo è un test " nella parte superiore dello schermo, e "Il mio file di prova " sulla barra del titolo nella parte superiore della finestra del browser . <br> < Br > 3 <p> Aggiungere una funzione javascript all'interno della sezione "Testa" del documento : <br> <p> <HEAD> <br> <p> <script type="text/javascript"> <br> <p> funzione hellothere ( word_to_send ) { alert <br> <p> ( " Ciao " + word_to_send ) ; <br> <p> } <br> <p> < /script> <br> <p> < TITLE > <br> <p> Questa funzione, chiamata " hellothere , " sarà chiamato dall'interno della pagina . Ci vuole un " variabile" chiamato word_to_send . Una variabile è un posto per tenere un pezzo di dati . Quando questa funzione viene chiamata si aprirà una finestra di avviso sulla schermata che dirà " Ciao " più qualunque parola è stato passato alla funzione nella variabile . <br> 4 <p> Aggiungi un evento " onload " per il tag " BODY " . Javascript è guidato da "eventi" . Un evento significa qualcosa è accaduto sulla pagina. " OnClick ", un utente ha cliccato qualcosa . " OnBlur ", un utente si è allontanato da qualcosa , come la tabulazione fuori di un campo modulo . Aggiungendo l'evento onload per il tag body , che stai dicendo, " quando la pagina web carica , procedere come segue . " <br> <p> <BODY Onload='hellothere("world")'> < br > <br> 5 <p> salvare il file. Aprirlo nel browser. Si dovrebbe vedere un popup che dice " Ciao Mondo ". <br> 6 <p> Aggiungi più varietà alla tua pagina web . Esplorare i diversi eventi e sperimentare . Ogni elemento di una pagina web può essere dato un nome e quel nome utilizzato con eventi per far accadere le cose . <br> <br>
<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/91076.html' >Come ottenere una remota pagina Web con JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91078.html' >Come ottenere il codice sorgente di un elemento dell'immagine Utilizzando 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/90805.html" title="Come utilizzare il codice DBL " target="_self">Come utilizzare il codice DBL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91042.html" title="Come passare una variabile a JavaScript " target="_self">Come passare una variabile a JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90826.html" title="Come rimuovere jQuery Accordion Styling " target="_self">Come rimuovere jQuery Accordion Styling </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91091.html" title="Come impostare la pagina Stampa Limit in JavaScript " target="_self">Come impostare la pagina Stampa Limit in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90829.html" title="Come per la visualizzazione casuale Javascript Snippets " target="_self">Come per la visualizzazione casuale Javascript Snippets…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91242.html" title="Come creare Google Maps applicazione " target="_self">Come creare Google Maps applicazione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91165.html" title="Livello intermedio Tutorial Javascript " target="_self">Livello intermedio Tutorial Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90847.html" title="Lightbox Vs . Lightbox 2 " target="_self">Lightbox Vs . Lightbox 2 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91219.html" title="Come modificare un collegamento ipertestuale con JavaScript " target="_self">Come modificare un collegamento ipertestuale con JavaSc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90895.html" title="Come verificare la vulnerabilità XSS " target="_self">Come verificare la vulnerabilità XSS </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/computer-programming-languages/88284.html" title="Qual è un caso d'uso in Analysis System " target="_self">Qual è un caso d'uso in Analysis System </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95230.html" title="Come convertire una casella di testo a un numero in Visual Basic " target="_self">Come convertire una casella di testo a un numero in Vis…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/94092.html" title="Come fare sostituti stringa Python " target="_self">Come fare sostituti stringa Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90181.html" title="Come raddoppiare la dimensione di un array in Java " target="_self">Come raddoppiare la dimensione di un array in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94393.html" title="Come unire un XML in Crystal Reports " target="_self">Come unire un XML in Crystal Reports </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87669.html" title="Come fare una casella di testo in XNA " target="_self">Come fare una casella di testo in XNA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/94091.html" title="Come copiare i byte in Python " target="_self">Come copiare i byte in Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87163.html" title="Come eseguire il debug con Eclipse JSP " target="_self">Come eseguire il debug con Eclipse JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92985.html" title="Come velocizzare le query su tabelle di grandi dimensioni estremamente MySQL " target="_self">Come velocizzare le query su tabelle di grandi dimensio…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/perl-programming/93223.html" title="Come posso ottenere il Perl Contatore Script per raccogliere indirizzi IP " target="_self">Come posso ottenere il Perl Contatore Script per raccog…</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> 