JS. Запуск JQuery кода после загрузки страницы

Представим момент когда библиотека JQuery загружается в конце тега body, но вам нужно запустить какой то скрипт, до того как будет вызвана библиотека.
Сразу отвечу, что загрузку библиотеки все равно придется подождать. В данной статье будет описан способ загрузки JQuery скрипта после того как страница будет полностью загружена.
JS. Запуск 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(){
// Ваш код
}


Теперь код будет обрабатываться браузером после того, как страница будет полностью загружена.
Рецепты / JS
0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.