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