Инструкция
1
Если функция должна сработать еще до окончания загрузки страницы в браузер, то ее вызов следует поместить в заголовочную часть исходного кода - между тегами <head> и </head>. Если код самой функции тоже размещен в заголовке, то строка с ее вызовом может следовать непосредственно за закрывающей скобкой функции. Тестовая страница с таким вариантом вызова функции может выглядеть, например, так:<html>
<head>
<script>
function testFunction() {
alert('Функция сработала!')
}testFunction()
</script>
</head><body></body></html>
2
Если функция должна сработать после загрузки тела документа, то ее вызов следует поместить в тег body, использовав событие onLoad. Например, так:<body onload="testFunction()">
3
Если заданная функция должна вызываться при каждом щелчке мыши в теле документа, то нужно задействовать событие onClick того же тега body:<body onclick="testFunction()">
4
Если надо вызывать функцию по щелчку в какой-либо определенной области страницы, то можно поместить туда, например, блочный элемент DIV и ловить его событие onClick:<DIV onclick="testFunction()">Блок DIV</DIV>
5
Щелчок мыши можно использовать, как повод для вызова функции, почти с каждым элементом страницы. С изображением:<img src="pic.gif" onclick="testFunction()" />С кнопкой:<button onclick="testFunction()">кнопка</button>С текстовым полем ввода:<input TYPE="text" onclick="testFunction()" />Со ссылкой:<a href="https://www.kakprosto.ru/" onclick="testFunction();return false">ссылка</a>
6
Для вызова функции по нажатию ссылки можно применять и другой синтаксис - поместить соответствующий JavaScript-код в атрибут href. Например:<a href="javascript: testFunction();">ссылка</a>
7
К любому из этих событий можно добавить задержку вызова функции, если воспользоваться методом setTimeout. Например, если требуется вызвать функцию через две минуты после загрузки страницы, то можно так написать тег body:<body onload="setTimeout('testFunction()', 120000);">Здесь время указывается в миллисекундах, то есть одна тысяча соответствует одной секунде.