Веб-баракчаларда динамикалык эффекттерди жаратуунун негизги жолу - кардарлардын скрипттерин колдонуу. Алар документти чагылдырган тиркеменин сценарий кыймылдаткычы тарабынан чечмеленген код бөлүктөрү. JavaScript - скрипт жазуу үчүн колдонулган популярдуу программалоо тили. Сценарийди аткара алышы үчүн, кандайдыр бир жол менен документтин ичине киргизилиши керек.
Ал зарыл
- - скрипт коду;
- - баштапкы документ;
- - текст редактору.
Нускамалар
1 кадам
Сценарийди киргизүүнүн мыкты ыкмасын аныктаңыз. Эгерде бир эле скрипт ар кандай документтерде колдонулат деп болжолдонсо, анда аны тышкы файлга көчүрүп, ошол жерден туташтыруу акылга сыярлык. Болбосо, барактын негизги бөлүгүнө скрипт текстин киргизүүгө туура келет. Эгерде сценарийдин көлөмү чоң болсо, анда документтеги өзүнчө блокко жайгаштырыш керек. Эгерде программанын коду көлөмү боюнча кичинекей болсо жана кандайдыр бир окуяга реакцияны ишке ашырса, анда аны элементтин орнотулган окуялар иштетүүчүсүн же шилтемедеги href атрибутун аныктаган атрибутка жайгаштырууга болот.
2-кадам
Сценарийди тышкы булактан чаптаңыз. Белгиленген src менен SCRIPT элементин кошуңуз жана атрибуттарын документтин корпусуна же HEAD бөлүмүнө жазыңыз. Мисалы, сиз мындай кылсаңыз болот: src атрибутунун мааниси скрипт тексти жүктөлө турган ресурстарды көрсөткөн URI болушу керек. Charset атрибуту милдеттүү эмес. Ал скрипт текстинин коддолушун көрсөтөт. Бирок эгер ал алынып салынса, анда коддоо мааниси скрипт салынган документтин коддоо мааниси катары кабыл алынат.
3-кадам
Скриптти барактын текстине кыстарыңыз. Ичинде скрипт тексти бар SCRIPT элементин колдонуңуз. Мисалы, мындай болушу мүмкүн:
эскертүү ("Сценарий иштеп жатат!");
Кодду камтыган HTML комментарийлери эски браузерлер менен шайкеш келүү үчүн талап кылынат. XHTML документтеринде XML комментарийлерин колдоно аласыз.
4-кадам
Киргизилген окуя иштетүүчүлөргө javascript кодун киргизиңиз. Документтен сиз иш-чара өткөргүңүз келген элементти табыңыз. Тийиштүү иштетгичти аныктоочу атрибутту кошуңуз. Мисалы, элементти чычканды чыкылдатуучу тутумду көрсөткөн атрибут onclick, фокустук сигналды жоготуу үчүн иштетүүчү onllur, ал эми баскычты басуу иштетгич onkeydown.
5-кадам
Кошулган атрибуттун маанисин аныктаган текст катары скрипт кодун киргизиңиз. Мисалы, DIV элементин чычкан менен басканда билдирүүнү көрсөтүү үчүн, сиз төмөнкү конструкцияны колдонсоңуз болот: Тексттик текст Текстти киргизилген элементтин иштетүүчү кодундагы сап тамгаларын аныктоо үчүн, цитаталардан башка цитаталарды колдонушуңуз керек HTML атрибутунун маанисин көрсөткөн …
6-кадам
Шилтеменин href элементине скрипт кошуңуз. Href мааниси URL болушу керек, анын протоколунун дескриптору "javascript:", ал эми дарек бөлүгү эсептелген туюнтма. Мисалы: Шилтеме тексти Эгер сизге бир нече сөз айкаштарын колдонуу керек болсо, {жана} кашаа менен аныкталган операторлор блогун колдонуңуз.