Kurs 1: L�r dig spr�ket JavaScript - Introduktion

JavaScript.nu / JavaScript-kurs / Introduktion till JavaScript

L�R DIG SPR�KET JAVASCRIPT
Introduktion till JavaScript

Vad �r JavaScript?
Jo, JavaScript �r ett spr�k som kan anv�ndas i hemsidor om man vill ha lite extrafinesser.
Denna guide �r avsedd f�r dem som inte har n�gra f�rkunskaper om JavaScript.

Kursen underl�ttas om du kan n�gorlunda om spr�ket HTML och kan skapa hemsidor.

Det enda du beh�ver f�r att k�ra dina JavaScript �r en helt vanlig webbl�sare som st�djer JavaScript (i princip alla nya webbl�sare st�djer JavaScript). Personligen f�redrar jag Netscape Navigator 4 d� man l�r sig JavaScript eftersom det, enligt mitt tycke, ger b�ttre information vid eventuella scriptfel och �ven s�ger till n�r man gjort fel d�r vissa webbl�sare (t.ex. Explorer) struntar i att ge felmeddelanden (vilket leder till att man kanske missar dessa fel). Fast �ven andra webbl�sare som t.ex. Explorer kan anv�ndas helt utan problem.

JavaScript skrivs i ett HTML-dokument, allts� en hemsida.
Eftersom JavaScript inte �r samma spr�k som HTML s� m�ste du i ditt HTML-dokument ber�tta f�r webbl�saren att du nu ska skriva i spr�ket JavaScript. Detta g�r du genom att skriva:
<SCRIPT LANGUAGE="JavaScript">

Du avslutar ditt JavaScriptskrivande genom att skriva:
</SCRIPT>

Som du (f�rhoppningsvis) redan vet s� skriver man...


...F�r att f� text att inte synas p� din hemsida men synas i k�llkoden. I JavaScript skriver du d�remot:
//Lite text som inte syns
...Eller...
/*Lite text som inte syns*/

Eftersom vissa (gamla) webbl�sare inte kan hantera JavaScript (inte f�rst�r JavaScript) s� visar de ju allt som kommer mellan...
<SCRIPT LANGUAGE="JavaScript">

...och...
</SCRIPT>

...i hemsidan (webbl�saren tror ju att det �r vanlig text som du skrivit). D�rf�r skriver man ofta (det �r f�rgat s� att du l�ttare ska se vad som "h�r ihop")...

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

H�R SKRIVER MAN JAVASCRIPT

//-->
</SCRIPT>

Vad �r det d� som h�nder?
Jo, eftersom <SCRIPT LANGUAGE="JavaScript"> �r i en tagg (omges av "<" och ">") s� skriver inte gamla webbl�sare ut det p� sidan.

<!-- g�r s� att det som kommer efter detta �r i en kommentarstagg (allts� s� att allt d�remellan inte skrivs ut). Vad kommer nu efter detta? Jo, JavaScript f�rst�s. Allts� s� syns inte JavaScripten efter <!--.

// g�r ju s� att det som finns efter // inte ska tolkas som JavaScript f�r de webbl�sare som klarar av JavaScript. (det �r ju som att skriva  i HTML).

Det som �r efter // �r ju -->, vilket g�r s� att <!-- (som fanns i b�rjan) avslutas. D�rmed s� blir all JavaScript-kod i denna tagg osynlig f�r de gamla webl�sarna.

Avslutningsvis har vi </SCRIPT> som ocks� �r en tagg (finns mellan "<" och ">") och d�rmed inte skrivs ut (de gamla webbl�sarna som inte klarar av JavaScript vet ju inte vad som menas med </SCRIPT>, och d�rf�r ignoreras denna tagg).

Att ha JavaScript �r ju v�ldigt bra, men vad kan man g�ra f�r att de som inte klarar av att hantera JavaScript ska se att de inte g�r det s� att man kan visa en alternativ text f�r dem? Jo, f�r att de som inte klarar av JavaScript ska kunna f� ett meddelande om det skriver du:

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

H�R SKRIVER MAN JAVASCRIPT

//-->
</SCRIPT>
<NOSCRIPT>
Tyv�rr, men du klarar inte av att se detta JavaScript
eftersom din webbl�sare inte klarar av JavaScript
(eller s� har du st�ngt av m�jligheten till det).
</NOSCRIPT>

Vad h�nder h�r?
Jo, de som klarar av JavaScript ignorerar allt mellan <NOSCRIPT> och </NOSCRIPT> och visar bara JavaScriptet medan de webbl�sare som INTE klarar av JavaScript INTE vet vad SCRIPT och NOSCRIPT betyder och d� ignoreras det. De kommer heller inte visa JavaScripten mellan , kvar �terst�r texten mellan <NOSCRIPT> och </NOSCRIPT>, som kommer att visas.

Som sista del i detta intro s� st�lls fr�gan vart man ska skriva in scriptet.
Svaret �r helt enkelt i HEAD-taggen (efter <HEAD> men f�re </HEAD>), d�r ska alla JavaScript skrivas in. Det fungerar dock precis lika bra att skriva JavaScripten i BODY-taggen (efter <BODY> men f�re </BODY>) men av vana f�rs de in i HEAD-taggen. Naturligtvis s� ska de JavaScript som ska skriva ut en text p� sidan skrivas d�r i BODY-taggen som man vill ha texten utskriven.

Eftersom jag ska ber�tta lite mer om de olika versionerna av JavaScript och n�r de st�ds s� har gjort en tabell nedan, detta �r dock inget viktigt, du kan ignorera allt detta, men eftersom jag borde skriva det, s� g�r jag det. ;)

JavaScriptversion Netscape-version Internet Explorer-version

2.0 3.0 4.0 3.0 4.0 5.0

JavaScript 1.0 Ja Ja Ja Ja Ja Ja

JavaScript 1.1 Ja Ja Ja Ja Ja

JavaScript 1.2 Ja Ja

Observera att det finns lite skillnad p� de olika JavaScriptversionerna i de olika webbl�sarna.
Skulle man vilja skriva JavaScript med de olika versionerna s� kan man skriva...
<SCRIPT LANGUAGE="JavaScriptX.X">
...ist�llet f�r...
<SCRIPT LANGUAGE="JavaScript">

Det jag ska l�ra dig i denna kurs �r att alltid anv�nda <SCRIPT LANGUAGE="JavaScript"> s� du beh�ver inte l�ra dig n�got speciellt om de andra versionerna.

Nu har du f�tt en kort introduktion till vad JavaScript �r. Du har inte direkt l�rt dig mycket, men �nd�. ;)

L�t dig forts�tta till n�sta sida.

L�R DIG SPR�KET JAVASCRIPT Introduktion till JavaScript

L�R DIG SPR�KET JAVASCRIPT
Introduktion till JavaScript