pagetutor.com - HTML tutorials for the rest of us
JavaScript Tutor v 1.0 oversat af Ewan Rasmusson & Andrew Smith af Joe Barta
pagetutor.com
Download zip fil.
JavaScript Tutor - Lektion 1

Lad os starte med det traditionelle Hej Verden! Alle programmerings Tutorials starter såden.

Kopiér følgende og gem som hej.html.. 

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Tilføj så Script og Kommentar Tags'ne til HEAD sektionen. Disse udfører nogle handlinger. Script tagget fortæller browseren, at her kommer en slags Script (i dette tilfælde "JavaScript"). Det indeholder også HTML kommentarer, så ældre eller ikke-JS egnede browsere vil ignorere Scriptet. Det sidste er en JavaScript kommentar (//) som vi skal lære om senere. 

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

//--></SCRIPT>

</HEAD>
<BODY>

</BODY>
</HTML>

Nu vil vi lave en function. En funktion udfører en handling. Den udfører en serie instruktioner. Vi starter med en tom skal... 

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

function ()
{
}

//--></SCRIPT>

</HEAD>
<BODY>

</BODY>
</HTML>

Nu skal funktionen have et navn og en Alert box, der siger "Hej Verden!"... 

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

function HejVerden()
{
   alert ("Hej Verden!");
}

//--></SCRIPT>

</HEAD>
<BODY>

</BODY>
</HTML>

Bemærk, hvordan funktionen er struktureret. Ordet function, der fortæller at det er en funktion. Funktions navn - HejVerden. Parenteserne ( ), der har en funktion, vi kommer ind på senere, og "Tuborg" klammerne - { } som indeholder et sæt instruktioner.

Det var det for funktionen i HEAD tagget. Den venter bare noget skal kalde det. Hvad med at vi sætter den i gang med et klik på et link. Her er et standard link, der ikke fører nogen steder hen lige nu... 

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

function HejVerden()
{
   alert ("Hej Verden!");
}

//--></SCRIPT>

</HEAD>
<BODY>

<A HREF="">Hej</A>

</BODY>
</HTML>

Peg på funktionen... 

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

function HejVerden()
{
   alert ("Hej Verden!");
}

//--></SCRIPT>

</HEAD>
<BODY>

<A HREF="JavaScript:HejVerden()">Hej</A>

</BODY>
</HTML>

Prøv det.

Hvad siger du så? Dit første JavaScript.

Før vi går videre er der lige en ting til vi skal have på plads. JavaScript og Java er to vidt forskellige ting. Det vi lige har lavet er JavaScript, IKKE Java. Java er noget helt andet. Det eneste de har til fælles er de fire bogstaver J-A-V-A. En gang i tidernes morgen lavede Netscape et nyt Script sprog til deres browser, som de kaldte LiveScript. Samtidig blev Java programmering mere og mere populært og for at springe med på bølgen, omdøbte Netscape deres Script sprog til JavaScript. Siden den gang er de to blevet forvekslet. Som et bidrag til forvirringen besluttede Microsoft også at indkooperere det i deres browser. De besluttede at kalde deres version af JavaScript Jscript. (Smart ikke..!)

Vi vil beskæftige os med JavaScript, som trods alt er det mest brugte. Og vi gennemgår det grundlæggende JavaScript, som håndteres fint af ALLE moderne browsere.

Og lige en sidste ting, mens vi er ved det - og det er meget vigtigt... JavaScript er case-sensitivt (Der er forskel på STORE og små bogstaver). Igen...

JAVASCRIPT ER CASE-SENSITIVT

Funktionen HejVerden er ikke det samme som hejverden. Vær meget opmærksom på dette. Case relaterede fejl kan være meget frustrerende fordi du får en fejl, der siger at MinVariabel ikke eksisterer, når det står lige dér, klart som vand - minvariabel. Comprende?

<< Tilbage         Næste >>

JavaScript Tutor

   Lektioner:   Intro  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25