JS. Запуск JQuery кода после загрузки страницы
Представим момент когда библиотека JQuery загружается в конце тега body, но вам нужно запустить какой то скрипт, до того как будет вызвана библиотека.
Сразу отвечу, что загрузку библиотеки все равно придется подождать. В данной статье будет описан способ загрузки JQuery скрипта после того как страница будет полностью загружена.
Попытка вызова скрипта, до того как будет вызвана библиотека, приведет примерно к следующей ошибке:
Ошибка говорит нам о том, что символ ($) не определен и неизвестен браузеру.
Пример кода который приведет к ошибке:
Спасением в данной ситуации будет вызов события window.onload.
Событие onload на window срабатывает, когда вся страница, включая ресурсы на ней – стили, картинки и т.п будут загружены.
Пример рабочего кода:
Заключайте ваш код в событие window.onload и ваш код должен будет отработать(Если конечно код будет рабочим).
Теперь код будет обрабатываться браузером после того, как страница будет полностью загружена.
Сразу отвечу, что загрузку библиотеки все равно придется подождать. В данной статье будет описан способ загрузки JQuery скрипта после того как страница будет полностью загружена.
Попытка вызова скрипта, до того как будет вызвана библиотека, приведет примерно к следующей ошибке:
ReferenceError: $ is not defined
Ошибка говорит нам о том, что символ ($) не определен и неизвестен браузеру.
Пример кода который приведет к ошибке:
<body>
<input name="name" id="name" value="name"type="submit">
<script>
$('#name').click(function() {
alert("JQuery Running!");
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</body>Спасением в данной ситуации будет вызов события window.onload.
Событие onload на window срабатывает, когда вся страница, включая ресурсы на ней – стили, картинки и т.п будут загружены.
Пример рабочего кода:
<body>
<input name="name" id="name" value="name"type="submit">
<script>
window.onload=function(){
$('#name').click(function() {
alert("JQuery Running!");
});
}
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</body>Заключайте ваш код в событие window.onload и ваш код должен будет отработать
window.onload=function(){
// Ваш код
}Теперь код будет обрабатываться браузером после того, как страница будет полностью загружена.
Комментариев 1
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.