Как вызвать функцию javascript?

2 ноября 2014 г. Просмотров: 1145 Инструкции
Чтобы в загруженной в браузер посетителя странице сработала какая-либо функция, написанная на языке JavaScript, в исходный HTML-код должен быть помещен соответствующий код вызова. Он должен быть приписан к какому-либо элементу, размещенному на странице, и привязан к какому-то событию, которое может произойти с этим элементом.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Если функция должна сработать еще до окончания загрузки страницы в браузер, то ее вызов следует поместить в заголовочную часть исходного кода - между тегами и . Если код самой функции тоже размещен в заголовке, то строка с ее вызовом может следовать непосредственно за закрывающей скобкой функции. Тестовая страница с таким вариантом вызова функции может выглядеть, например, так:
  • function testFunction() {

    alert('Функция сработала!')

    }testFunction()

  • Если функция должна сработать после загрузки тела документа, то ее вызов следует поместить в тег body, использовав событие onLoad. Например, так:
  • Если заданная функция должна вызываться при каждом щелчке мыши в теле документа, то нужно задействовать событие onClick того же тега body:
  • Если надо вызывать функцию по щелчку в какой-либо определенной области страницы, то можно поместить туда, например, блочный элемент DIV и ловить его событие onClick: Блок DIV
  • Щелчок мыши можно использовать, как повод для вызова функции, почти с каждым элементом страницы. С изображением:С кнопкой:кнопкаС текстовым полем ввода:Со ссылкой:ссылка
  • Для вызова функции по нажатию ссылки можно применять и другой синтаксис - поместить соответствующий JavaScript-код в атрибут href. Например:ссылка
  • К любому из этих событий можно добавить задержку вызова функции, если воспользоваться методом setTimeout. Например, если требуется вызвать функцию через две минуты после загрузки страницы, то можно так написать тег body:Здесь время указывается в миллисекундах, то есть одна тысяча соответствует одной секунде.
  • Оцените статью!