Основният начин за създаване на динамични ефекти върху уеб страниците е чрез използването на скриптове от страна на клиента. Те са парчета код, които се интерпретират от скриптовия механизъм на приложението, показващо документа. JavaScript е популярен език за програмиране, използван за скриптове. За да може скриптът да може да се изпълни, той трябва да бъде вмъкнат в документа по някакъв начин.
Необходимо е
- - код на скрипта;
- - изходен документ;
- - текстов редактор.
Инструкции
Етап 1
Определете най-добрия начин за вмъкване на скрипта. Ако се предполага, че един и същ скрипт ще се използва в различни документи, тогава има смисъл да го преместите във външен файл и да го свържете оттам. В противен случай си струва да вградите текста на скрипта в тялото на страницата. Ако размерът на скрипта е голям, струва си да го поставите в отделен блок в документа. Ако програмният код е малък по обем и реализира реакция на някакво събитие, е допустимо да го поставите в атрибут, който определя вградения манипулатор на събитие на елемент или href атрибут на връзка.
Стъпка 2
Поставете скрипта от външен източник. Добавете SCRIPT елемент с посочените атрибути src и type към тялото на документа или раздела HEAD. Например можете да го направите по следния начин: Стойността на атрибута src трябва да бъде URI, сочещ към ресурса, от който ще бъде зареден текстът на скрипта. Атрибутът на charset не е задължителен. Показва кодирането на текста на скрипта. Но ако е пропусната, стойността на кодиране ще се приеме като стойността на кодиране на документа, в който е вмъкнат скриптът.
Стъпка 3
Поставете скрипта в текста на страницата. Използвайте SCRIPT елемент с текст на скрипта вътре. Например, може да изглежда така:
alert („Скриптът работи!“);
HTML коментари, които затварят кода, са необходими за съвместимост с по-стари браузъри. Можете да използвате XML коментари в XHTML документи.
Стъпка 4
Вмъкнете javascript код във вградени манипулатори на събития. Намерете елемента в документа, чието събитие искате да обработите. Добавете атрибут, който дефинира подходящия манипулатор. Например атрибутът, който указва манипулатора за щракване с мишката върху елемент, е onclick, манипулаторът за загуба на фокусен сигнал е onblur, а манипулаторът на натискане на клавиш е onkeydown.
Стъпка 5
Въведете кода на скрипта като текст, който указва стойността на добавения атрибут. Например, за да покажете съобщение, когато DIV елемент е щракнат с мишката, можете да използвате следната конструкция: Текстов текстов текст Обърнете внимание, че за да дефинирате низови литерали в кода на вградения обработващ елемент, трябва да използвате различен тип кавички от тези които указват стойността на HTML атрибута …
Стъпка 6
Добавете скрипта към елемента href на връзката. Стойността href трябва да е URL, чийто дескриптор на протокола е "javascript:", а адресната част е изчислен израз. Например: Текст на връзката Ако трябва да използвате множество изрази, използвайте блок с изрази, дефиниран от скобите {и}.
