Internet browsers werden oorspronkelijk gemaakt om eenvoudige documenten weer te geven . Echter, zodra de populariteit van het internet groeide , ontwikkelaars vond een behoefte om dingen te laten gebeuren op de pagina , zoals het veranderen van kleuren, lettertypen en foto's op basis van wat de gebruiker aan het doen was . Met de ontwikkeling van formulieren groeide de noodzaak verder als methoden werden vereist om de inhoud van de formuliervelden te valideren en te veranderen. JavaScript is bedacht door Netscape om deze taken uit te voeren en wordt tegenwoordig toegepast in alle grote browsers . Wat je nodig hebt
PC
Browser
tekst editor ( Notepad zal werken )
Toon Meer Aanwijzingen
1 Maak een leeg bestand op uw pc . Sla het op in een gemakkelijk directory te vinden en te typen . Maak de bestandsextensie HTM of HTML . De bestandsnaam kan alles wat je wilt , maar iets simpels als 'test' werken zijn. Als je het op te slaan in je temp directory , kan het volledige pad zijn: C : \\ temp \\. Test.html kopen van 2 In eenvoudige HTML- tags om uw dossier . De volgende is de basisstructuur van een HTML document - u kunt het zelf invoeren , of gewoon kopieer en plak de volgende :
Mijn test- bestand < /TITLE > <p> <BODY> <p> <H1> <br> Dit is een test > <br> <p> < /< /H1 BODY > <br> <p> < /HTML > <br> <p> Sla het bestand op . Open het in je browser met de Bestand /Openen menukeuze . Je mag niet zien van je tags , alleen " Dit is een test" aan de bovenkant van het scherm , en " My Test File " op de titelbalk aan de top van het browservenster . <br> < Br > 3 <p> Voeg een JavaScript-functie binnen de sectie ' Hoofd ' van uw document : <p> <HEAD> <br> <p> <script type="text/javascript"> <br> <p> functie HelloThere ( word_to_send ) { alert <p> <br> ( " Hallo " + word_to_send ) ; <br> <p> } <p> < /script > <br> <p> < TITEL > <br> <p> Deze functie , genaamd " HelloThere , " zal worden aangeroepen vanuit de pagina . Het duurt een " variabele" genoemd word_to_send . Een variabele is een plaats om een stukje data te houden . Wanneer deze functie wordt genoemd het zal pop-up een waarschuwingsvenster op het scherm dat zal zeggen: " Hallo " plus wat woord werd doorgegeven aan de functie in de variabele . <br> 4 <p> Voeg een " onload " event aan de " BODY " tag . Javascript wordt gedreven door " gebeurtenissen " . Een evenement betekent dat er iets is gebeurd op de pagina . " OnClick ": een gebruiker iets heeft geklikt . " OnBlur ": een gebruiker heeft afstand genomen van iets , zoals tabben uit een formulierveld . Door het toevoegen van de gebeurtenis onload van de body-tag , je zegt , " wanneer deze webpagina laadt , doet u het volgende . " <p> <BODY Onload='hellothere("world")'> <br> < br > <br> 5 <p> Sla uw bestand . Openen in de browser . Je moet een popup die zegt zie " Hello World ". <br> 6 <p> Voeg meer variatie in uw webpagina. Ontdek de verschillende gebeurtenissen en experiment. Elk item op een webpagina kan worden voorzien van een naam en die naam gebruikt met gebeurtenissen om dingen te laten gebeuren . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91076.html' >Hoe maak je een externe webpagina met JavaScript Krijg </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91078.html' >Hoe de Bron van een beeld Element Met behulp JavaScript Krijg </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90964.html" title="3 - D effecten Met JavaScript " target="_self">3 - D effecten Met JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90908.html" title="Hoe maak je JavaScript te Scroll Advertenties " target="_self">Hoe maak je JavaScript te Scro…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90941.html" title="Hoe te JSON gegevens met JavaScript Output " target="_self">Hoe te JSON gegevens met JavaS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91121.html" title="Hoe te Artikelen toevoegen aan een Combo Box Met JavaScript " target="_self">Hoe te Artikelen toevoegen aan…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90825.html" title="Hoe maak je een Cipher in JavaScript Draai " target="_self">Hoe maak je een Cipher in Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90816.html" title="Hoe te gebruiken jQuery om een Anchor Invoegen " target="_self">Hoe te gebruiken jQuery om een…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90858.html" title="Hoe te jQuery Invoegen " target="_self">Hoe te jQuery Invoegen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91203.html" title="Hoe maak je een webpagina Redirect in Javascript " target="_self">Hoe maak je een webpagina Redi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91190.html" title="Javascript Scrollbar Tutorial " target="_self">Javascript Scrollbar Tutorial </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85340.html" title="Hoe kan ik een map in Make C + + " target="_self">Hoe kan ik een map in Make C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95973.html" title="Wat zijn de verschillen tussen Visual Basic Express & Visual Basic ? " target="_self">Wat zijn de verschillen tussen Visual Ba…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93751.html" title="Hoe maak je een IRC Bot van Kras in Python " target="_self">Hoe maak je een IRC Bot van Kras in Pyth…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95995.html" title="Om te lezen hoe een Raw webpagina in Visual Basic " target="_self">Om te lezen hoe een Raw webpagina in Vis…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92948.html" title="Hoe een Information Form toe in PHP " target="_self">Hoe een Information Form toe in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86315.html" title="Welke soorten van Server - Side Talen Ben voor JSP ? " target="_self">Welke soorten van Server - Side Talen Be…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95553.html" title="Hoe gegevens toevoegen aan een array " target="_self">Hoe gegevens toevoegen aan een array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96145.html" title="Hoe te DirectX gebruiken in VB " target="_self">Hoe te DirectX gebruiken in VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95381.html" title="Wat zijn WordPerfect Macro's ? " target="_self">Wat zijn WordPerfect Macro's ? </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
