Артём Мáлков

Выполнение (запуск) скрипта после загрузки страницы на jQuery/JavaScript

24 апр0 комм

Какая-либо написанная функция при загрузке вашего сайта может сработать некорректно, и случается это потому, что контент вашего сайта не успел полностью прогрузиться на стороне пользователя, как скрипт уже закончил свою работу.

Исправить это можно, если отложить выполнение скрипта до полной загрузки страницы или DOM.

Запуск скрипта после загрузки DOM (Document Object Model) на jQuery/JavaScript

Для того чтобы браузер смог отобразить страницу вашего (и не только) сайта, ему необходимо построить DOM-дерево. Формируется оно за счет получения и разбора HTML-документа.

В тот момент, когда DOM готов (медиафайлы при этом могут быть еще не загружены) мы можем начать «играть» с нашими скриптами.

В jQuery состояние готовности DOM можно определить с помощью функции ready:

$(document).ready(function() {

	// Ваш код

});

Сокращенная форма записи:

$(function() {

	// Ваш код

});

Аналог функции $(document).ready на чистом JavaScript выглядит следующим образом:

document.addEventListener("DOMContentLoaded", function() {

	// Ваш код

});

Как вы могли заметить, он основан на событии DOMContentLoaded.

Запуск скрипта после полной загрузки страницы на jQuery/JavaScript

Полная загрузка страницы подразумевает под собой и готовность DOM и полную загрузку всех медиафайлов, например таких, как изображения.

Отследить этот момент в jQuery можно с помощью обработчика события load:

$(window).on("load", function() {

	// Ваш код

});

Аналогичный вариант на JavaScript:

window.addEventListener("load", function() {

	// Ваш код

});

Если же вы хотите помимо выполнения скрипта после загрузки страницы сделать неоднократное выполнение функции с заданным интервалом времени, воспользуйтесь этой статьей.

Рекомендуем к просмотру
Ещё один вариант отложенной загрузки скриптов на jQuery/JavaScript
Посты
Отложенное выполнение скрипта через N секунд на JavaScript
Статьи и советы
Простой скрипт ротатора ссылок и баннеров на PHP+jQuery
Модули и скрипты
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера