A javascript lecke rendszer
Beágyazott objektumok
A beágyazott objektumok kényelmesek a különféle műveletek végrehajtásához húrok, naptári dátumok, tömbök, számok és így tovább. Megszabadítják a programozót a különböző rutin műveletek elvégzésétől, mint például a karakterláncok átalakítása vagy matematikai függvények kiszámítása.
Hogyan működik a beépített objektumokkal? Elég egyszerű. A program objektum-megvalósításokat hoz létre, majd hozzáférést tesz az objektumok tulajdonságaihoz és módszereihez. Gyakorlati jelentőségű példaként tekintse meg a HTML-dokumentumot, amely megjeleníti az aktuális dátumot és időt.
Lista 2.1.
Az így létrehozott Data objektum inicializálva van a felhasználó által beállított aktuális helyi dátummal (és nem azon a webkiszolgálón, ahonnan a megfelelő HTML dokumentumot töltötték fel). A következő sor adja meg a dátum szövegét:
A naptár számának, hónapjának és évszámának értéke itt a getDate, getMonth és getYear módszerek segítségével érhető el. Ezeket a módszereket az aktuális dátumot tartalmazó dt objektumra hívják fel.
A dátum szöveges karakterlánca a dokumentum dokumentumban megadott írásmóddal kerül a HTML dokumentumba: A Dátum objektum az aktuális idővel kapcsolatos információkat is tartalmazza. Ezeket az információkat megjelenítjük a getHours, getMinutes és getSeconds módszerek (óra, percek és másodpercek) használatával: Lásd egy példa erre a szkriptre
Böngészőobjektumok
Böngésző objektum hierarchiája
A diagram vázlatosan mutatja a böngésző objektumok hierarchiáját.
Az ablak objektum a hierarchia gyökerében van. Ha egy HTML dokumentum betöltődik a böngészőablakba, akkor az objektumon belül más objektumokat is létrehozunk. szülő. keretben. hely és csúcs.
Ha a kereteket tartalmazó HTML-dokumentum betöltődik a böngészőablakba, minden ablakhoz külön ablak jelenik meg, és ez az ablak ablakobjektumként kerül létrehozásra.
Ha a dokumentum formanyomtatványokkal rendelkezik, akkor ezek is hierarchikus objektumkészletek. Az objektumformátum olyan objektumokat tartalmazhat, mint a gombok, kapcsolók, mezők a szöveges információk beviteléhez.
Eseményekkel kapcsolatos események
Például onLoad és onUnload események társulnak az ablakobjektumhoz. Az első ilyen esemény akkor fordul elő, amikor a böngésző befejezi az ablak betöltését és az összes keretét (ha ezek a keretek az ablakban vannak megadva). A második esemény akkor következik be, amikor a felhasználó kilép a dokumentumból, leállítja a böngészőablakot vagy átvált egy másik dokumentumra.
A programozó által létrehozott osztályokon alapuló objektumok
Először is, hozzunk létre saját osztályt, a myRecord-ot. Most, amíg nincsenek benne módszerek, hozzáadjuk őket később. A keresett osztály a következőképpen alakul:
Könnyű belátni, hogy ennek az osztálynak a leírása nem más, mint egy konstruktorfunkció.
Ne feledje, hogy a konstruktor inicializálja a biztonságosnak nevezett tulajdonságot, és hamisnak írja. A konstruktorban található megfelelő paraméter nincs megadva, ami elég elfogadható.
Az objektumokat az új operátor használatával hozza létre. A konstruktor elhaladt paraméterek a létrehozandó objektumok tulajdonságainak inicializálására.
Ami a biztonságosnak nevezett tulajdonságot illeti, akkor a rec2 objektumban inicializálódik az utóbbit létrehozva. Ez igazra van állítva. A rec1 objektum biztonságos tulajdonsága nem változik, ezért az érték hamis.
Most új módszereket adunk hozzá a meghatározott osztályhoz a printTableHead, printTableEnd és printRecord nevekkel. Az első két ilyen módszer a HTML dokumentumhoz, a táblázat kezdetéhez és végéhez, a harmadik pedig a táblák soraihoz, amelyek a rekordok tartalmát tükrözik. Rövidített formában a myRecord osztály új definíciója az alábbi:
Itt, a tervező definíciója előtt osztályunk funkció-módszereinek definíciói találhatók. Ezenkívül az új tulajdonságok definíciója hozzáadva a konstruktorhoz: Ezek a tulajdonságok tárolják a hivatkozásokat a fent meghatározott módszerekre. Az osztály definíciója után létrehozhat objektumokat és hozzáférhet bizonyos módszerekhez: Itt a teljes program forráskódja.
Lista 2.2.
Az új osztály myRecord és metódusainak meghatározása a HTML dokumentum fejlécében található, ahogy az szokásos.
A printTableHead módszer egy táblázatos fejlécet nyomtat HTML dokumentumhoz. A fejléc megjelenése az objektum tulajdonságaitól függ. Először is, a printTableHead módszer ellenőrzi a biztonságos tulajdonságot, és értékével értékeli ezt a kulcsszót:
Itt a kulcsszó azt jelenti, hogy az objektum tulajdonságát kell használni, amelyre a printTableHead módszert hívták. Ha a biztonságos tulajdonság tartalma igaz, a ("Secure") karakterlánc a szSec szövegváltozóra íródik. Ha hamis, akkor a "(Unsecure)" karakterláncot írja le erre a változóra, és a sor vörösre van állítva.
Ezután a printTableHead nyomtat egy operátort a HTML dokumentumhoz
Az osztályban meghatározott utolsó módot printRecord-nak nevezik. Az objektum első négy tulajdonságának tartalmát a HTML dokumentumban definiált táblázatsorozat az előbb leírt printTableHead függvény segítségével nyomtatja ki. Vegye figyelembe, hogy az objektum tulajdonságainak tartalma ferde betűtípussal van nyomtatva, ezért a dőlt betűtípust nevezzük:
A script második részében, amely a HTML dokumentum testében található, két rek1 és rec2 objektum jön létre a myRecord osztály alapján, majd a rec2 biztonságos tulajdonsága true-re van állítva.
Ezután a parancsfájl sorrendben két, a létrehozott objektumnak megfelelő táblázatot jelenít meg a HTML dokumentumhoz, ehhez a printTableHead, printRecord és printTableEnd módszereket hívja meg.