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 :
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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1182152.html' >Come ottenere una remota pagina Web con JavaScript </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1182156.html' >Come ottenere il codice sorgente di un elemento dell'immagine Utilizzando Javascript </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/PHP--MySQL-Programmazione/1185244.html" target="_blank">Come per evidenziare i campi obbligatori con PHP </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1184532.html" target="_blank">Come creare un modello di sistema semplice in PHP </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182152.html" target="_blank">Come ottenere una remota pagina Web con JavaScript </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173780.html" target="_blank">Come fare Nastri in CSS3 </a></li><li><a href="/Programmazione/Java-Programming/1180384.html" target="_blank">Come creare un programma ping in Java </a></li><li><a href="/Programmazione/C--C-----Programming/1171274.html" target="_blank">Tipi di variabili dei dati degli attributi </a></li><li><a href="/Programmazione/Java-Programming/1180996.html" target="_blank">Come per intercettare un'eccezione in un blocco statico in Java </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1182956.html" target="_blank">PHP non si connette a MySQL </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1182168.html" target="_blank">Come modificare la barra di stato in stato di SCR Script Java </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182440.html" target="_blank">Come incorporare Windows Media Player in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182474.html" target="_blank">Come modificare la classe di stile con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181518.html" target="_blank">Quali sono chiusure Per in JavaScript ? </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182286.html" target="_blank">Come fare inchiostro riciclata </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181846.html" target="_blank">Come calcolare altezza testo </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181874.html" target="_blank">Come ruotare il testo con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181672.html" target="_blank">Tutorial Step-by -Step per UML Eclipse </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181694.html" target="_blank">Lightbox Vs . Lightbox 2 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182166.html" target="_blank">Come correggere gli errori di script </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>