nettlesere ble opprinnelig opprettet for å vise enkle dokumenter . Men når populariteten til Internett vokste , fant utviklerne et behov for å få ting til å skje på siden , for eksempel endre farger, fonter og bilder basert på hva brukeren gjorde. Med utviklingen av skjemaene behovet vokste videre som metoder ble pålagt å validere og endre innholdet i skjemaet . JavaScript ble oppfunnet av Netscape for å utføre disse oppgavene, og er implementert i dag i alle de store nettleserne . Du trenger
PC
Browser
tekst editor ( Notisblokk vil fungere)
Vis flere instruksjoner
en
Opprett en tom fil på din PC . Lagre det på en enkel katalogen for å finne og skrive. Gjør filtypen HTM eller HTML. Filnavnet kan være alt du vil, men noe enkelt som "test" fungerer. Hvis du lagrer den i temp -katalogen, kan den fullstendige banen være: C : . \\ Temp \\ test.html
2
Legg grunnleggende HTML-koder til filen. Følgende er base strukturen i et HTML-dokument - du kan sette den inn selv , eller bare kopiere og lime inn følgende : en
< p>
Min test Fil < /TITLE > <br> <p> <BODY> <br> <p> <H1> Dette er en test < /H1 > <br> <p> < /BODY > <br> <p> < /HTML > <br> <p> Lagre filen . Åpne den i nettleseren din med Fil /Åpne menyvalg. Du bør ikke se noen av kodene dine , bare "Dette er en test" på toppen av skjermen , og " My Test File" på tittellinjen helt øverst i nettleservinduet . <br> <Br > 3 <p> Legg til en javascript funksjon inne i " hodet "-delen av dokumentet : en <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <script type="text/javascript"> <br> <p> funksjon hellothere ( word_to_send ) { <br> <p> alert ( "Hello " + word_to_send ) ; <br> <p> } <br> <p> < /script > <br> <p> < TITLE > <br> <p> Denne funksjonen , kalt " hellothere , " vil bli kalt innenfra siden. Det tar en " variabel " kalt word_to_send . En variabel er et sted å holde et stykke data . Når denne funksjonen kalles det vil dukke opp et varsel boks på skjermen som vil si " Hei " pluss hva ordet ble sendes til funksjonen i variabelen . <br> 4 <p> Legg en " onload " hendelse til "kroppen" tag . Javascript er drevet av "events" . En hendelse med at noe har skjedd på siden . " Onclick " betyr en bruker har klikket noe . " OnBlur " betyr en bruker har beveget seg bort fra noe, for eksempel faner ut av et skjemafelt. Ved å legge til onload hendelse til kroppen koden du sier , "når denne web siden lastes , gjør følgende . " <br> <p> <BODY Onload='hellothere("world")'> <br > <br> 5 <p> Lagre filen . Åpne den i nettleseren . Du skal se et popup-vindu som sier " Hello World ". <br> 6 <p> Legg mer variasjon på nettsiden din . Utforsk de ulike arrangementene og eksperimentere . Hvert element på en webside kan gis et navn og det navnet brukes med arrangementer for å gjøre ting skje. <br> <br>
<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/91076.html' >Hvordan få en ekstern webside med JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91078.html' >Hvordan bli kilden til et bilde Element Bruke JavaScript </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/91048.html" title="Slik aktiverer & Deaktiver tekstbokser i Javascript " target="_self">Slik aktiverer & Deaktiver tekstbokser 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/90771.html" title="Javascript Strenglitteral feil " target="_self">Javascript Strenglitteral feil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90948.html" title="Hvordan analysere en Spørringsstrengfilter i JavaScript " target="_self">Hvordan analysere en Spørringsstrengfilter i JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91160.html" title="Hvordan lage en Habbo Retro " target="_self">Hvordan lage en Habbo Retro </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90935.html" title="Hvordan endre en PHP til en JS " target="_self">Hvordan endre en PHP til en JS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91185.html" title="Legge Javascript dynamisk med DOM Scripting " target="_self">Legge Javascript dynamisk med DOM Scripting </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90958.html" title="Hvordan oppdage nettlesarar & Omdirigering " target="_self">Hvordan oppdage nettlesarar & Omdirigering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91024.html" title="Hvordan endre innholdet i en iFrame Med JavaScript " target="_self">Hvordan endre innholdet i en iFrame 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/91062.html" title="Hvor å Endre HTML Text med JavaScript Variabler " target="_self">Hvor å Endre HTML Text med JavaScript Variabler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90826.html" title="Slik fjerner jQuery Accordion Styling " target="_self">Slik fjerner jQuery Accordion Styling </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/computer-programming-languages/87780.html" title="Hvordan oppdatere Velg T - SQL " target="_self">Hvordan oppdatere Velg T - SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96325.html" title="Hvordan skrive enkle Visual Basic Codes " target="_self">Hvordan skrive enkle Visual Basic Codes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/94083.html" title="Hvordan lage en mappe i Python " target="_self">Hvordan lage en mappe i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/94082.html" title="Hvordan lage HTML i Python " target="_self">Hvordan lage HTML i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86745.html" title="Hvordan kombinere Mange Tall Med WinEdt " target="_self">Hvordan kombinere Mange Tall Med WinEdt </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90848.html" title="Hvordan skrive til Cookies Fra PageContext JSP " target="_self">Hvordan skrive til Cookies Fra PageContext JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87143.html" title="Hvordan lage en Dropdown listen med XSL " target="_self">Hvordan lage en Dropdown listen med XSL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87586.html" title="Hvordan lage en Joomla Meny Mal " target="_self">Hvordan lage en Joomla Meny Mal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96421.html" title="Hvordan automatisk Kopier fra Excel til PowerPoint hjelp av en VBA Macro " target="_self">Hvordan automatisk Kopier fra Excel til PowerPoint hjel…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87136.html" title=". Hvordan bruke DataGridView Sett inn " target="_self">. Hvordan bruke DataGridView Sett inn </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> 