Pagrindinis būdas sukurti dinaminius efektus tinklalapiuose yra kliento scenarijų naudojimas. Tai yra kodo dalys, kurias interpretuoja dokumentą rodančios programos scenarijų variklis. „JavaScript“yra populiari programavimo kalba, naudojama scenarijams kurti. Kad scenarijus galėtų būti vykdomas, jis turi būti kokiu nors būdu įterptas į dokumentą.
Tai būtina
- - scenarijaus kodas;
- - pirminis dokumentas;
- - teksto redaktorius.
Nurodymai
1 žingsnis
Nustatykite geriausią scenarijaus įterpimo būdą. Jei manoma, kad tas pats scenarijus bus naudojamas skirtinguose dokumentuose, prasminga jį perkelti į išorinį failą ir prijungti iš jo. Priešingu atveju verta scenarijaus tekstą įterpti į puslapio turinį. Jei scenarijaus dydis yra didelis, verta jį įdėti į atskirą dokumento bloką. Jei programos kodas yra nedidelis ir įgyvendina reakciją į bet kurį įvykį, leidžiama jį įdėti į atributą, apibrėžiantį elemento integruotą įvykių tvarkytuvą arba nuorodos href atributą.
2 žingsnis
Įklijuokite scenarijų iš išorinio šaltinio. Pridėkite SCRIPT elementą su nurodytais src ir type atributais prie dokumento turinio arba skyriaus HEAD. Pavyzdžiui, galite tai padaryti taip: src atributo reikšmė turi būti URI, nukreipianti į šaltinį, iš kurio bus įkeltas scenarijaus tekstas. Charset atributas yra neprivalomas. Tai nurodo scenarijaus teksto kodavimą. Bet jei jo nebus, kodavimo reikšmė bus laikoma dokumento, į kurį įterptas scenarijus, kodavimo verte.
3 žingsnis
Įterpkite scenarijų į puslapio tekstą. Naudokite elementą SCRIPT, kurio viduje yra scenarijaus tekstas. Pavyzdžiui, tai gali atrodyti taip:
perspėjimas („Scenarijus veikia!“);
HTML komentarai, pridedantys kodą, reikalingi suderinamumui su senesnėmis naršyklėmis. XHTML dokumentuose galite naudoti XML komentarus.
4 žingsnis
Įterpkite „Javascript“kodą į tiesioginius įvykių tvarkytuvus. Dokumente raskite elementą, kurio įvykį norite tvarkyti. Pridėkite atributą, apibrėžiantį tinkamą tvarkytuvą. Pvz., Atributas, nurodantis elemento pelės paspaudimo tvarkytuvą, yra „onclick“, fokusavimo signalo praradimo tvarkytuvas yra neryškus, o klavišų paspaudimo tvarkyklė - žemyn.
5 žingsnis
Įveskite scenarijaus kodą kaip tekstą, nurodantį pridėto atributo vertę. Pvz., Norėdami parodyti pranešimą, kai pele paspaudžiamas DIV elementas, galite naudoti tokią konstrukciją: Teksto teksto tekstas Atkreipkite dėmesį, kad norėdami apibrėžti eilutės literalus įterptųjų elementų tvarkytojo kode, turite naudoti kitokio tipo kabutes nei nurodanti HTML atributo vertę …
6 žingsnis
Pridėkite scenarijų prie nuorodos href elemento. „Href“vertė turi būti URL, kurio protokolo aprašas yra „javascript:“, o adreso dalis yra apskaičiuota išraiška. Pvz.: Nuorodos tekstas Jei reikia naudoti kelis posakius, naudokite skliausteliuose apibrėžtą sakinių bloką {ir}.
