/*1999-11-20

STOCKHOLM */

JavaScript /* ett skriptspråk, göra webbsidor mer dynamiska(funktioner av olika

slag) */

// ECMA standard (undvika olika sorters JavaScript)

// samtliga JavaScript-funktioner måste avslutas med semikolon

variabel // ett slags informatonsbehållare

<SCRIPT LANGUAGE="JavaScript">

<document.write("text");

var s;

s="tisdag";

document.write("text "+s)>

</Script>

olika slag:

tal // 5

sträng // "text"

boolensk // true/false

null // ingenting

var // en variabel skall skapas

Tilldelning av variabel

Ex. var s

s="x" // tilldela variabel ett värde

Operatorer

Olika slag:

Aritmetiska

Binära // +,*,/,-

Unära /* ++ lägger på 1 till värdet i variabel

-- drar bort */

tilldelning

// a=b, a+=b,a-=b,a*=b

Logiska

Jämförelse

Funktioner

Write() /* man kan sätta flera olika saker innanför parenteserna

Såsom text,variabler och funktioner*/

alert() //startar en dialogruta med information som du bestämmer själv

prompt() /* skapar en dialogruta med lite information som du bestämmer själv

samt ruta som användaren får skriva in text i */

confirm() // bekräftelse, ställa en ja/nej-fråga till användaren

<SCRIPT LANGUAGE="JavaScript">

<!—

var valet = confirm("fortsätta?");

document.write("Funktionen returnerade:"+valet);

//-->

</Script>

Villkor och styrning

if // programkoden mellan klamrarna {}

// villkoret måste bestå av ett uttryck som antingen är sant eller falskt

if else

<SCRIPT LANGUAGE="JavaScript1.1">

var land;

land=prompt("Vilket land kommer du ifrån?");

if (land=="sweden"){

document.write("Hejsan!");

}else {

document.write("Hello!");

}

</Script>

Egna funktioner

function // skapa en egen funktion, ligger innanför <HEAD> och </HEAD>

return // returnera resultatet

eval // tar emot en textsträng och räknar ut värdet

prompt

startTag

och slutTag // lokala variabler, endast åtkomliga inom funktionen

loopar // styrning , slippa att skriva nya satser varje gång

while /* logiska testet, kan bara vara antingen sant eller falskt(samma typ som

if) */

for // man kan köra en bit programkod innan loopen startar

<html>

<head>

<title> </title>

<SCRIPT LANGUAGE="JavaScript">

function area(lod,vag){

return lod*vag;

}

</SCRIPT></head>

<body>

<SCRIPT LANGUAGE="JavaScript">

var lodratt,vagratt;

var s="<TABLE BGCOLOR='#CCAAFF'>";

for (lodratt=1;lodratt<5;++lodratt){

s+="<TR>";

for (vagratt=1;vagratt<5;++vagratt){

var yta=area(lodratt,vagratt);

s+="<TD BGCOLOR='#AA99FF'>"+yta+"</TD>";

}

s+="</TR>";

}

s+="</TABLE>";

document.write(s);

</SCRIPT></body>

</html>

Indexvariabel

// kan lagra flera variabler under ett namn

 

Händelser

// ex. klickar på en knapp

Händelsehanterare objekt

OnClick submit, reset

OnLoad,onUnload window,document

OnSubmit form

OnMouseOver,onMouseOut <A HREF=…>

OnSelect,onFocus,onChange,onBlur select,textarea,type="radio", type="text"

<html>

<head>

<title> </title>

</head>

<body>

<A HREF="http://www.w3.org/"

onMouseOver=’lankbild2.src="rodpil.gif"’

onMouseOut=’lankbild2.src="svartpil.gif"’>

<IMG SRC="svartpil.gif" NAME="lankpil3" BORDER=0>

</A>

<A HREF="http://www.aftonbladet.se"

onMouseOver="window.status='läs senaste nytt!';return true;"

onMouseOut="window.status='Välkommen till min hemsida!';

return true;">länk till aftonbladet</A>

<FORM>

<INPUT TYPE="button"

VALUE="klicka här!"

onClick="alert('Aj!');">

</FORM>

</body>

</html>

Rullande webbsida

Metoden window scroll // för att rulla fönster

setTimeout // funktionen rulla()

<HEAD>

LANGUAGE="JavaScript1.1">

meddelande="Här rullar texten som du ser";

spacer="... ...";

pos=0;

function ScrollMessage() {

window.status=meddelande.substring(pos,meddelande.length)

+spacer+meddelande.substring(0,pos);

pos++;

if(pos>meddelande.length) pos=0;

window.setTimeout("ScrollMessage()",200);

}

ScrollMessage();

</SCRIPT></head>

/* vänlig hälsning

A.L*/