Start på JavaScript

Tags:    javascript
Skrevet af Bruger #349 @ 23.09.2002
Dit første JavaScript script!


Indledning.

I denne artikel vil jeg vise hvordan JavaScript virker, og om hvordan du får startet på dette dejlige sprog. Bemærk dog at det nok ville være en god ide hvis du kan HTML. Hvis du endnu ikke kan det så tag et kig på www.html.dk

Hvad skal jeg bruge?

Du skal først og fremmest bruge en "Tekst-Editor", der findes flere hundrede slags på markedet. Nogle er gratis, og nogle koster lidt. Jeg anbefaler at bruge "Notepad", som følger med windows.
Det næste du skal bruge er en browser. Du kan bruge windows's indbyggede Internet Explore, eller hente mozilla fra www.mozilla.org . Husk at der er forskel på disse to browsere, forskellen er ikke stor, men det er ikke altid de scripts som virker til Internet Explore, også virker til Mozilla. Det vil du kunne læse om i en af mine næste artikler.
Browseren som jeg stærkt anbefaler er Internet Explore. Browseren er hurtig, og så bliver den brugt af de fleste internet brugere. Du skal dog mindst have version 4.0.

Hvad dit første script gør!

Det script vi nu vil lave, skal kunne vise information om brugeren, som besøger siden. Informationerne skal være:

1. Browser version.
2. OS(styresystem) version.
3. Navn på browser.

Når du er færdig med at lave scriptet, så skulle det gerne se sådan ud:


Lad os begynde!

Det er nu tid til at få skrevet scriptet. Følg disse numre:
1. Åben din teksteditor og lav et nyt tomt dokument.
2. Skriv scriptet som her(uden numrerne):
01: <html>
02: <head>
03:   <title>Script</title>
04: </head>
05: <body>
06: <h1>Mit første script</h1>
07: <hr>
08: <script language="JavaScript">
09: document.write("Denne browser version " + navigator.appVersion)
10: document.write("af <b>" + navigator.appName + "</b>.")
11: </script>
12: </body>
13: </html>
3. Gem dokumentet med navnet eksempel1.html
4. Åben din browser.
5. Tryk Ctrl+O og vælg den fil du lige har gemt.

Hvis du har skrevet det hele uden fejl, så skulle der gerne dukke et dokument op som på billede 1.1.

Gennemgang af scriptet:

Jeg vil ikke gå igang med at forklare HTML koderne da denne artikel handler om JavaScript, så hvis du ikke forstår nogle af HTML tags'ene så find først en artikel om HTML inden du går igang med denne.

I linie 08 bruger vi tag'et <script language="JavaScript">. <script> giver besked til computeren at her kommer der et script. Ved at sætte language="JavaScript" ind, ved computeren at der her er tale om et JavaScript script.

I linie nummer 09 bruger vi document.write til at udskrive "Denne browser version ", til skærmen. Bagefter siger vi at den også skal navigator.appVersion med, og det gøres med et +. "navigator.appVersion", henter navnet på brugerens browser version, og nu tænker du garanteret, hvorfor skal jeg sætte et + og hefter skrive navigator.appVersion? Grunden er at navigator.appVersion bliver taget som en variabel, og computeren kan ikke se at det er en variabel hvis den står i "".

I linie 10 gør vi igen det samme som 09 her har vi bare skiftet navigator.appVersion ud med navigator.appName, og bagefter sat et + ".".
navigator.appName henter navnet på browseren, og herefter sætter den .

Linie 11. Her siger vi til computeren at nu er scriptet slut.

Hvad har jeg lært?

Hvis du er kommet igennem artiklen og forstået det hele, så skulle du gerne have lært hvordan man skriver noget til skærmen via. JavaScript(document.write("tekst")).
Du skulle også gerne have lært at man via. JavaScript kan få visse oplysninger om brugeren.



Hvad synes du om denne artikel? Giv din mening til kende ved at stemme via pilene til venstre og/eller lægge en kommentar herunder.

Del også gerne artiklen med dine Facebook venner:  

Kommentarer (7)

User
Bruger #3530 @ 16.03.03 11:03
Hvad søren kan man bruge det til? Det er da meget sjældent folk ikke ved hvilken browser de har eller hvem der har lavet den :P
User
Bruger #3718 @ 13.04.03 10:05
hehe meget meget meget for begyndere hva....
det er ivertfald ikke for nogle der bare har prøvet lidt om javascript det er nærmest for de hjernedøde men det er da en god starts artikel for folk der har meget svært ved javascript!!!!
User
Bruger #2034 @ 29.04.03 00:33
Browser detection anvedes f.eks til at definere hvilken version af siden klienten skal se. Hvis man da ellers har været så flink at gøre det. Det er jo ikke alle browsere der kan udføre alle opgaver lige let.
User
Bruger #2086 @ 20.01.04 21:57
Jeg syntes at du kommer alt for lidt ind på syntaks i JS. du skriver intet om variabler, betingelser, løkker eller andre kontrol strukturer.

Så sorry kan kun give dig et 2 tal i rating.
User
Bruger #3470 @ 03.03.04 22:51
Du har godt kun det allermest grundlæggende med, hva? Jeg ville nu også hellere have set nogle løkker, for, while osv. funktioner i denne artikel. En anden gang så brug lidt mere tid og flere bogstaver på den. Hjælpen og sproget var fint, indholdet var bare for dårligt.
Derfor får du også kun 2 stjerner fra mig.
User
Bruger #5956 @ 12.06.04 09:25
Tja.. Artiklen hjalp mig lidt da jeg aldrig har kigget på sådan noget før.. Men jeg syntes dog stadig godt der måtte have været noget mere udfordring i.. :)
User
Bruger #16502 @ 18.04.11 01:17
Syntes det er en meget kortfattet artikel. Fik desværre ikke så meget ud af den.
Du skal være logget ind for at skrive en kommentar.
t