JavaScript Tutor - Lektion 4 "Events". Hvad er en "event"? En Event er når noget sker. F.eks som når du flytter musen, et klik på musen, indlæsning af en side, osv. Vi kan lave en almindelig advarsels boks, som kommer frem når siden indlæses ved hjælp af onLoad "event handler i body tag'et"...
Hvad er der ellers? Mange mennesker bruger "onMouseOver event handlers" i links. Her er det samme eksempel med et par små ændringer...
Du vil opdage at linket ikke peger på noget. Det er ikke noget vi vil have på en færdig side, men da vi er i gang med at lære, lader vi det være. Vi kan også lave en "onMouseOut". Alert kommer ikke frem før musen bevæger sig væk fra linket.
"onClick"er også en "event handler"
Øvelse: Nu er det din tur... lav en side som spørger om dit navn, og bagefter siger Hej dit navn! når siden indlæses. Du kan have lige så mange funktioner, som du har lyst til. Det er en god idè at holde orden i dem og begrænse antallet...
Øvelse: Nu skal du lave en web side ved at bruge de tre røde knapper og to funktioner. Siden skal spørge efter brugerens navn onLoad. Når musen bevæger sig over en af de tre røde knapper, kommer en alert frem med f.eks "Hej Joe. Du flyttede musen over nummer 1". Så er det på tide at forklare semikolon (;) som findes sidste i nogle af linier. Brug semikolon til at afslutte en kommando. Det fortæller browseren når en kommando afsluttes og en anden begynder. Du kan også placere flere kommandoer på en linie, adskilt med et semikolon... instruktion1; instruktion2; instruktion3;er det samme som instruktion1; instruktion2; instruktion3;
|