A weboldalakon dinamikus effektusok létrehozásának fő módja az ügyféloldali szkriptek használata. Kóddarabok, amelyeket a dokumentumot megjelenítő alkalmazás szkriptmotorja értelmez. A JavaScript egy népszerű programozási nyelv, amelyet szkriptek készítéséhez használnak. Ahhoz, hogy a szkript futtatható legyen, valamilyen módon be kell illeszteni a dokumentumba.
Szükséges
- - szkript kódja;
- - Forrásdokumentum;
- - szöveg szerkesztő.
Utasítás
1. lépés
Határozza meg a szkript beszúrásának legjobb módját. Ha feltételezzük, hogy ugyanazt a szkriptet fogják használni a különböző dokumentumok, akkor van értelme egy külső fájlba áthelyezni és onnan összekapcsolni. Ellenkező esetben érdemes beágyazni a szkript szövegét az oldal törzsébe. Ha a szkript mérete nagy, akkor érdemes külön blokkba helyezni a dokumentumban. Ha a program kódja kicsi a térfogatában, és bármilyen eseményre reagál, akkor megengedett egy olyan attribútumba helyezni, amely meghatározza az elem beépített eseménykezelőjét vagy egy link href attribútumát.
2. lépés
Illessze be a szkriptet külső forrásból. Adjon hozzá egy SCRIPT elemet a megadott src és type attribútumokkal a dokumentum törzséhez vagy a HEAD szakaszhoz. Például ezt így teheti: Az src attribútum értékének olyan URI-nak kell lennie, amely arra az erőforrásra mutat, ahonnan a parancsfájl szövege betöltődik. A karakterkészlet attribútum nem kötelező. Jelzi a szkript szövegének kódolását. De ha kihagyja, akkor a kódolási értéket annak a dokumentumnak a kódolási értékének tekintjük, amelybe a szkriptet beillesztjük.
3. lépés
Helyezze be a szkriptet az oldal szövegébe. Használjon egy SCRIPT elemet, benne szkript szöveggel. Például így nézhet ki:
figyelmeztetés ("A szkript működik!");
A kódot csatoló HTML megjegyzésekre van szükség a régebbi böngészőkkel való kompatibilitás érdekében. XML-megjegyzéseket használhat XHTML-dokumentumokban.
4. lépés
Helyezze be a javascript kódot a soros eseménykezelőkbe. Keresse meg azt az elemet a dokumentumban, amelynek eseményét kezelni szeretné. Adjon hozzá egy attribútumot, amely meghatározza a megfelelő kezelőt. Például az attribútum, amely megadja a kezelőt egy elemre történő egérkattintásra, onclick, a fókuszjel elvesztésének kezelője onblur, a billentyűleütés pedig le van nyomva.
5. lépés
Írja be a szkript kódját szövegként, amely meghatározza a hozzáadott attribútum értékét. Például egy üzenet megjelenítéséhez, amikor egy DIV elemre kattint az egérrel, a következő felépítést használhatja: Szöveges szöveges szöveg Vegye figyelembe, hogy a karakterlánc-literálok definiálásához az inline elemkezelő kódban más típusú idézőjeleket kell használnia, mint azok amelyek meghatározzák a HTML attribútum értékét …
6. lépés
Adja hozzá a szkriptet a hivatkozás href eleméhez. A href értéknek URL-nek kell lennie, amelynek protokollleírója "javascript:", a címrész pedig kiszámított kifejezés. Például: Link szövege Ha több kifejezést kell használnia, használjon a zárójelben definiált utasításblokkot {és}.
