Webbläsare ursprungligen skapades för att visa enkla dokument . Men när populariteten av Internet växte , fann utvecklarna ett behov av att få saker att hända på sidan , till exempel ändra färger, teckensnitt och bilder baserat på vad användaren gjorde . Med utvecklingen av formerna behovet växte ytterligare när metoder krävs för att bekräfta och ändra innehållet i fälten . JavaScript uppfanns av Netscape för att utföra dessa uppgifter och genomförs i dag i alla större webbläsare . Saker du behöver
PC Review Browser Redaktör Text ( Notepad fungerar )
Visa fler instruktioner
1
Skapa en tom fil på din dator . Spara den i en enkel katalog för att hitta och skriva . Gör HTM filändelsen eller HTML . Filnamnet kan vara vad du vill , men något enkelt som "test" verk . Om du sparar den i din temp katalog , kan den kompletta sökvägen vara : C : . \\ Temp \\ test.html
2
Lägg grundläggande HTML -taggar till din fil . Följande är basen strukturen för ett HTML- dokument - du kan skriva in det själv , eller bara kopiera och klistra in följande :
Mitt test Arkiv < /TITLE > <br> <p> <BODY> <br> <p> <H1> Detta är ett test < /H1 > <br> <p> < /BODY > <br> <p> < /HTML > <br> <p> Spara filen . Öppna det i din webbläsare med Arkiv /Öppna menyn val . Du ska inte se någon av dina taggar , bara " Detta är ett test " längst upp på skärmen , och " My Test File " i namnlisten högst upp i webbläsarfönstret . <br> <br > 3 <p> Lägg en javascript funktion inuti "huvudet " i ditt dokument : <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <script type="text/javascript"> <br> <p> funktion hellothere ( word_to_send ) { <br> <p> alert ( " Hej " + word_to_send ) ; <br> <p> } <br> <p> < /script > <br> <p> < TITLE > <br> <p> Denna funktion , som kallas " hellothere , " kommer att kallas inifrån sidan . Det tar en " variabel " kallas word_to_send . En variabel är en plats att hålla en bit data . När denna funktion kallas det kommer att dyka upp en varningsruta på skärmen som kommer att säga " Hej " plus vad ordet lämnades över till funktionen i variabeln . <br> 4 <p> Lägg en " onload " händelse till den "kropp" taggen. Javascript drivs av "händelser " . En händelse betyder något har hänt på sidan . " OnClick " : en användare har klickat på något . " OnBlur " : en användare har rört sig bort från något, t.ex. tabbar ur ett formulärfält . Genom att lägga till händelsen onload i body-taggen , säger du , " när denna webbsida laddas , gör följande . " <br> <p> <BODY Onload='hellothere("world")'> <br > <br> 5 <p> Spara din fil . Öppna den i webbläsaren . Du bör se en popup som säger " Hello World ". <br> 6 <p> Lägg mer variation till din webbsida . Upptäck de olika händelserna och experimentera . Varje objekt på en webbsida kan ges ett namn och det namn som används med händelser för att få saker att hända . <br> <br>
<div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91076.html' >Hur får man en Remote webbsida med JavaScript </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91078.html' >Hur får man källa av ett bildelement Använda JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/90808.html" title="Hur vill kolla mootools Droppables Against Performance " target="_self">Hur vill kolla mootools Droppables Against Performance </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90958.html" title="Hur man upptäcker användarprogram & Omdirigerar " target="_self">Hur man upptäcker användarprogram & Omdirigerar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91106.html" title="API Utveckling av Google Maps " target="_self">API Utveckling av Google Maps </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91083.html" title="Hur du korrigerar Skriptfel " target="_self">Hur du korrigerar Skriptfel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91000.html" title="Hur man tar bort ett element med JavaScript " target="_self">Hur man tar bort ett element med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91133.html" title="Styra mobila användare " target="_self">Styra mobila användare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91170.html" title="Hur man gör Gemstone Tvål " target="_self">Hur man gör Gemstone Tvål </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91250.html" title="Hur du tar bort JavaScript-filer " target="_self">Hur du tar bort JavaScript-filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90787.html" title="Hur man gör en JavaScript Kundvagn " target="_self">Hur man gör en JavaScript Kundvagn </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91111.html" title="Hur man reparerar en Tillfälligt stackutrymme Fel i JavaScript " target="_self">Hur man reparerar en Tillfälligt stackutrymme Fel i Ja…</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 class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<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.dator.xyz/Programmering/computer-programming-languages/87461.html" title="Så här visar på Nästa och Föregående i ColdFusion " target="_self">Så här visar på Nästa och Föregående i ColdFusion…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/perl-programming/93380.html" title="Hur gör jag stoppa en person från att komma till mitt hus " target="_self">Hur gör jag stoppa en person från att komma till mitt…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93124.html" title="Hur man skapar språkfiler för webbplatser i PHP " target="_self">Hur man skapar språkfiler för webbplatser i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92696.html" title="Konvertera XLS till PHP " target="_self">Konvertera XLS till PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85324.html" title="Xcode Textredigeraren Tutorial " target="_self">Xcode Textredigeraren Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90927.html" title="Hur att dölja en DIV på en Postback i JavaScript " target="_self">Hur att dölja en DIV på en Postback i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/90267.html" title="User Defined Undantag i Java " target="_self">User Defined Undantag i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95774.html" title="Olika datatyper i Visual Basic " target="_self">Olika datatyper i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91471.html" title="Så här importerar FTM MySQL Filer " target="_self">Så här importerar FTM MySQL Filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91776.html" title="Hur Monitor en MySQL Slow Query " target="_self">Hur Monitor en MySQL Slow Query </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> 