Վեբ էջերում դինամիկ էֆեկտներ ստեղծելու հիմնական ձևը հաճախորդի կողմից օգտագործվող սցենարների օգտագործումն է: Դրանք ծածկագրեր են, որոնք մեկնաբանվում են փաստաթուղթը ցուցադրող ծրագրի սցենարական շարժիչի կողմից: JavaScript- ը ծրագրավորման հայտնի լեզու է, որն օգտագործվում է սցենարների համար: Որպեսզի սցենարը կարողանա կատարել, այն ինչ-որ կերպ պետք է տեղադրվի փաստաթղթի մեջ:
Դա անհրաժեշտ է
- - սցենարի ծածկագիր;
- - աղբյուր փաստաթուղթ;
- - տեքստի խմբագիր:
Հրահանգներ
Քայլ 1
Որոշեք սցենարը տեղադրելու լավագույն միջոցը: Եթե ենթադրվում է, որ նույն գրությունը կօգտագործվի տարբեր փաստաթղթերում, ապա իմաստ ունի այն տեղափոխել արտաքին ֆայլ և այնտեղից միացնել այն: Հակառակ դեպքում արժե սցենարի տեքստը ներդնել էջի մարմնում: Եթե սցենարի չափը մեծ է, ապա արժե այն տեղադրել փաստաթղթի առանձին բլոկում: Եթե ծրագրի կոդը փոքր է ծավալի և իրականացնում է արձագանք ցանկացած իրադարձության, ապա թույլատրելի է այն տեղադրել հատկության մեջ, որը սահմանում է տարրի ներկառուցված իրադարձության կարգավարը կամ հղման href հատկանիշը:
Քայլ 2
Կպցրեք սցենարը արտաքին աղբյուրից: Փաստաթղթի մարմնում կամ HEAD բաժնում ավելացրեք SCRIPT տարր `նշված src- ի և տիպի հատկանիշներով: Օրինակ, դուք կարող եք դա անել այսպես. Src հատկանիշի արժեքը պետք է լինի URI, որը մատնանշում է այն ռեսուրսը, որից բեռնվելու է սցենարի տեքստը: Charset հատկությունն ընտրովի է: Այն ցույց է տալիս սցենարի տեքստի կոդավորումը: Բայց եթե այն բաց է թողնվել, կոդավորման արժեքը կվերցվի որպես փաստաթղթի կոդավորման արժեք, որի մեջ տեղադրված է սցենարը:
Քայլ 3
Տեղադրեք սցենարը էջի տեքստի մեջ: Օգտագործեք SCRIPT տարր, որի ներսում կա սցենարի տեքստ: Օրինակ, դա կարող է նման լինել.
զգոն («Սցենարն աշխատում է»);
HTML կոդերը պարունակող մեկնաբանությունները պահանջվում են հին զննարկիչների հետ համատեղելիության համար: Դուք կարող եք օգտագործել XML մեկնաբանությունները XHTML փաստաթղթերում:
Քայլ 4
Տեղադրեք javascript ծածկագիրը ներքուստ իրադարձությունների մշակողների մեջ: Փաստաթղթում գտեք այն տարրը, որի իրադարձությունը ցանկանում եք կարգավորել: Ավելացրեք հատկանիշ, որը սահմանում է համապատասխան կարգավարը: Օրինակ, հատկությունը, որը նշում է մկնիկի կտտոցի վրա աշխատողի համար կարգավորիչը, onclick- ն է, ուշադրության կենտրոնացման ազդանշանի կորստի համար կառավարիչը `onblur, իսկ ստեղնաշարի կառավարիչը` onkeydown:
Քայլ 5
Մուտքագրեք սցենարի կոդը որպես տեքստ, որը սահմանում է ավելացված հատկության արժեքը: Օրինակ ՝ DIV տարրը մկնիկի վրա սեղմելիս հաղորդագրություն ցուցադրելու համար կարող եք օգտագործել հետևյալ կոնստրուկցիան. Տեքստային տեքստային տեքստ Նշեք, որ լարային տառերը բառերի սահմանման համար ներքևում գտնվող տարրերի բեռնաթափման կոդում պետք է օգտագործել այլ տեսակի մեջբերումներ, քան որ սահմանում է HTML հատկանիշի արժեքը …
Քայլ 6
Սցենարը ավելացրեք հղման href տարրին: Href- ի արժեքը պետք է լինի URL, որի արձանագրության նկարագրիչը «javascript:» է, իսկ հասցեի մասը `հաշվարկված արտահայտություն: Օրինակ ՝ Հղման տեքստ Եթե պետք է օգտագործել բազմաթիվ արտահայտություններ, օգտագործեք հայտարարության բլոկ, որը սահմանված է փակագծերով {և}: