Веб-беттерде динамикалық эффектілерді құрудың негізгі әдісі - клиенттік сценарийлерді қолдану. Олар құжатты көрсететін қосымшаның сценарий қозғалтқышымен түсіндірілетін код бөліктері. JavaScript - сценарий жазу үшін қолданылатын танымал бағдарламалау тілі. Сценарийді орындау үшін оны құжатқа қандай да бір жолмен енгізу керек.
Бұл қажетті
- - сценарий коды;
- - бастапқы құжат;
- - мәтіндік редактор.
Нұсқаулық
1-қадам
Сценарийді енгізудің ең жақсы әдісін анықтаңыз. Егер әр түрлі құжаттарда бір сценарий қолданылады деп болжанса, оны сыртқы файлға көшіріп, сол жерден қосудың мәні бар. Олай болмаған жағдайда, скрипт мәтінін парақтың негізгі бөлігіне енгізген жөн. Егер сценарий мөлшері үлкен болса, оны құжаттағы жеке блокқа орналастырған жөн. Егер бағдарлама коды аз көлемде болса және кез-келген оқиғаға реакцияны жүзеге асырса, оны элементтің кірістірілген оқиғалар өңдеушісін немесе сілтеменің href атрибутын анықтайтын атрибутқа орналастыруға рұқсат етіледі.
2-қадам
Сценарийді сыртқы көзден қойыңыз. Белгіленген src бар SCRIPT элементін қосыңыз және атрибуттарды құжат корпусына немесе HEAD бөліміне теріңіз. Мысалы, сіз мұны осылай жасай аласыз: src атрибутының мәні сценарий мәтіні жүктелетін ресурстарға сілтеме жасайтын URI болуы керек. Шарсет атрибуты міндетті емес. Ол сценарий мәтінінің кодталуын көрсетеді. Бірақ егер ол алынып тасталса, кодтау мәні сценарий енгізілген құжаттың кодтау мәні ретінде қабылданады.
3-қадам
Сценарийді парақтың мәтініне салыңыз. Ішінде сценарий мәтіні бар SCRIPT элементін қолданыңыз. Мысалы, келесідей болуы мүмкін:
ескерту («Сценарий жұмыс істейді!»);
Кодты қосатын HTML түсініктемелері ескі браузерлермен үйлесімділік үшін қажет. XHTML құжаттарында XML түсініктемелерін пайдалануға болады.
4-қадам
Кірістірілген оқиға өңдеушілерге javascript кодын енгізіңіз. Құжаттағы оқиғаны басқарғыңыз келетін элементті табыңыз. Сәйкес өңдегішті анықтайтын атрибутты қосыңыз. Мысалы, элементті тышқанмен шерту үшін өңдеушіні көрсететін атрибут onclick, фокустық сигнал жоғалту үшін өңдеуші onblur, ал пернелерді басу өңдеушісі оңтайлы болып табылады.
5-қадам
Қосылған атрибуттың мәнін көрсететін мәтін ретінде сценарий кодын енгізіңіз. Мысалы, DIV элементін тышқанмен шерткенде хабарламаны көрсету үшін келесі құрылысты пайдалануға болады: Мәтіндік мәтін мәтіні Кірістірілген элемент өңдеуші кодында жол әріптік белгілерін анықтау үшін, олардан басқа дәйексөз түрін қолдану керек HTML төлсипатының мәнін көрсететін …
6-қадам
Сценарийді сілтеменің href элементіне қосыңыз. Href мәні URL болуы керек, оның хаттамасы дескрипторы «javascript:» болып табылады, ал адрес бөлігі есептелген өрнек болып табылады. Мысалы: Сілтеме мәтіні Егер сізге бірнеше өрнектерді қолдану қажет болса, жақшалармен анықталған операторлар блогын пайдаланыңыз {және}.
