Kort om JavaScript Afvikles i browser på klienten Sendes fra server (php, asp, aspx, htm) eller startes i klient som htm/html fil. Skabelon: –”main” - globale variable og opstartskode –funktioner •

Variable Variabelnavn er case-sensitiv Type afhænger af tildelt værdi •var heltal = 10; •var decimaltal = 20.4; •var tekst = ”En tekst”; •var test = true; •var nullreference = null; •var obj = new object(); •var tabel = new Array(5);tabel[0]=”elm1”; •var assTab = new Array();assTab[”n1”]=”elm n1”; •var fasttab = [”elm1”, ”elm2”, ”elm3”, 4];

Funktioner Funktionsnavn er case-sensitiv Returtype afhænger af returnerings-værdi function funktionsnavn (parameter1, parameter2) { // TO-DO }

Objekter (klasser) •function Person(navn, alder)// definition af en ”klasse” •{ • this.navn = navn; • this.alder = alder; • this.foedselsdag = function () • { • this.alder++; • } • this.toString = function () • { • return this.navn + ", "+this.alder; • } • •} •function doObjects() •{ • p1 = new Person("Bjørk",48); • p2 = new Person("Bjarne",51); • alert("p1 p2 "); •}

Objekter (klasser) Der kan tilføjes ekstra attributter og metoder til et eksisterende objekt p1 = new Person("Bjørk",48); p1.efternavn = "Busch"; p1.toString = function() { return this.navn + ", "+this.efternavn + ", "+this.alder; } bil = new Object(); bil.regnr = ”TN123456”; bil.kmPrLitter = 15; bil.forbrug = function (km) { return this.kmPrLiter * km; } Oprettelse, erklæring og initiering på en gang var circle = { x : 0, y : 0, radius: 2 }

Objekter (klasser) Der kan tilføjes ekstra metoder til en eksisterende prototype (”klasse”) •Person.prototype.retnavn = function (navn) • { • this.navn = navn; • }

Output og input Output af tekst med HTML tags •document.writeln("Tekst "); Output i alert windue •alert(”tekst”); Input i prompt windue •var s = prompt(”Spørgsmål",”start-værdi");

Output med oprettelse af objekter document.write(' '); I dette eksempel oprettes indirekte et Form objekt, der har en samling på 2 andre objekter: et Text objekt og en submit-knap. Objekterne kan bruges med følgende tilgange: document.form01 document.form01.Text1 Det sidste mangler en id og kan kun fås gennem collectionen document.form01.elements

document og form objekterne På document objektet kan man få tilgang til form gennem collectionen: •var form = document.forms[0]; •var form = document.forms[”form01”]; •var form = document.form01; På et form objektet kan man få tilgang til elementerne gennem collectionen: •var form = document.form01; •var elm = form.elements[0]; •var elm = form.elements[”felt1”]; // id=”felt1” •var elm = form.felt1; // id=”felt1”

document og form objekterne Tilføjelse af et nyt kontrol-objekt til en form •var nyText = document.createElement(” ”); •textblock.setAttribute("id", ”T1") textblock.setAttribute("align", "center") •document.form01.appendChild(nyText); •Bemærk at man kan bruge både enkelt og dobbelt quotes og derfor pakke teksten ind.

events Der kan tilføjes forskellige events til kontrolobjekterne på skærmen: f.eks. onclick=”klikFunktion()” eller onmouseover=”mouseoverFunction()"

popup window objekt Tilføjelse af et nyt popup kontrol-objekt til dokument •var pw=window.createPopup(); •pw.document.write("Tekst "); •…….. •pw.show(150,150,200,50,this.document.body) Der kan tilføjes properties og funktioner til popup objekter (pw) som for alle andre objekter, og hermed kan også overføres reference til andre objekter.

nyt window objekt Åbning af et nyt window objekt •var windowURL = ""; •var windowID = "MyWin’; •var windowProperty = 'left=20,top=20,width=500,height=500,toolbar=0,resizable=0'; •var newWin = window.open(windowURL,windowID,windowProperty); •var newDoc = newWin.document; •newDoc.write(" Nyt dokument "); •newDoc.write(' '); •newDoc.write(" "); •newDoc.close(); Der kan tilføjes properties og funktioner til det såvel det nye window objekt (newWin) som for alle andre objekter, og hermed kan også overføres reference til andre objekter, ligesom man kan kan ændre i det nye window objekts properties f.eks document objektet (newDoc).