Бутоните в уеб страниците се използват за осигуряване на интерактивно потребителско изживяване. Като правило, ако отговорът на щракване върху бутон не изисква изпращане на данни към сървъра, тогава взаимодействието се осъществява с помощта на JavaScript скриптове. Методите за извикване на съответния JavaScript код могат да варират - по-долу има няколко възможни опции за бутони от различен тип.
Инструкции
Етап 1
Ако показването на бутон в уеб страница е организирано с помощта на маркера на бутона, тогава JavaScript кодът може да бъде поставен в атрибута onclick. Например по следния начин: бутон Разбира се, не е препоръчително да поставяте достатъчно голям код директно в маркера на бутона - по-добре е да го проектирате като функция и да поставите само кода за извикване на тази функция в атрибута onclick. Например:
функция showAlert () {
alert („Натиснат бутон!“)
}
бутон
Стъпка 2
Ако бутонът се показва чрез една от вариантите на входния маркер (изпращане, нулиране, бутон или изображение), тогава може да се използва същият атрибут onclick. Например за бутон за изчистване на полетата на формуляра (нулиране) кодът може да изглежда така: Ако искате само JavaScript да бъде изпълнен при щракване върху бутона и действието по подразбиране не се случи, добавете командата return към функция или директно към атрибута onclick false. Например:
Стъпка 3
Ако трябва да организирате отговор на щракване върху бутон от типа на изпращане, в допълнение към горния метод, използващ атрибута onclick, можете да използвате свойствата на маркера на формуляра, към който принадлежи този бутон. Съответното извикване на функция може да бъде поставено в атрибута onsubmit на маркера на формуляра. Например:
Стъпка 4
Ако бутонът не е елемент на формуляр, а просто графичен елемент (img таг), тогава стандартите за него също позволяват използването на атрибута onclick. Например:
Стъпка 5
Ако бутонът е хипервръзка, тогава не трябва да използвате атрибутите на самия бутон; по-добре е да използвате свойствата на маркера на връзката. Можете, както в предишните опции, да използвате маркера onclick. Например: И можете да замените адреса в атрибута href с извикване на функция. Например по този начин:
