| |
|
|
| |
JavaScript Tutor - Lektion 6 Objekter, egenskaber og metoder. Hvad er et objekt? Et objekt i JavaScript er et vindue, en ramme, et billede, en blanket, en tekstboks, selve dokumentet, en radioknap... Hvad er en egenskab? En egenskab er et objekts kendetegn... placering af et dokument, dokumentets baggrundsfarve, om en radioboks er markeret eller ej, bredden af et billede, o.s.v.. Hvad er en metode? En metode er en funktion. En metode gør noget. F.eks. luk() er en metode. vindue.luk() lukker et vindue. Dette er en forenklet forklaring af disse tre udtryk (objekt, egenskab og metode). I realiteten kan det være mere indviklet. Hvad gøre vi med objekter og egenskaber? Lad os se på tekstboksen nedenunder. Dette er HTML koden for en form... <FORM NAME="minform"> <INPUT TYPE="text" NAME="mintekstboks" VALUE=""> </FORM> Vi har browserens vindue... window I vinduet er dette dokument... window.document I dokumentet er en formular... window.document.form I formularen er et input... window.document.form.input Og input har en værdi... window.document.form.input.value (Lige nu er værdi ingenting, men ingenting er stadig en værdi.) Dette er et objekt hieraki, og det er måden hvorpå du henviser til forskellig egenskaber for forskellige objekter på siden. Et tænkt objekt hieraki kunne være... verden.land.by.gade.hus.person.navn Ovennævnte definerer en persons navn og adresse. Men hvad med hans højde? verden.land.by.gade.hus.person.navn.højde Sådan skal du tænke på en webside, hvis du vil manipulere dennes objekter og deres egenskaber. Tilbage til tekstboksen som vi så på tidligere. Dennes HTML code er: <FORM NAME="minform"> <INPUT TYPE="text" NAME="mintekstboks" VALUE=""> </FORM> Teoretisk set kan vi referer til hvilken som helst værdi i boksen med... window.document.form.input.value Et dokument kan indeholde mere end en form, og for at skelne en form fra en anden, NAVNGIVER vi vores forms. Bemærk at ovennævnte form har navnet minform. Det samme gælder for form inputs. En form kan have mange inputs. For at specificere et bestemt input, giver vi det et navn (i dette tilfæld er der kun et input og dets navn er mintekstboks). Ved at bruge navnet på formen og inputtet, kan vi nu hente en bestemt boks frem ved at sige..... window.document.minform.mintekstboks.value Ok Joe, hvad kan vi bruge det til?
Smart, ikke? Kan du se hvad der sker? Hvis ikke, så kig på det igen.
|
||||||||||||||||||||||