Разработка веб-страницы с использованием JavaScript требует внимания к порядку появления вашего кода и инкапсулируете ли вы код в функции или объекты, которые влияют на порядок, в котором код работает.
Расположение JavaScript на вашей веб-странице
Поскольку JavaScript на вашей странице выполняется на основе определенных факторов, давайте рассмотрим, где и как добавить JavaScript на веб-страницу.
Есть в основном три места, в которые мы можем присоединить JavaScript:
- Прямо в заголовок страницы
- Прямо в теле страницы
- От обработчика события / слушателя
Не имеет значения, является ли JavaScript на веб-странице сам или во внешних файлах, связанных со страницей. Также не имеет значения, жестко ли кодируются обработчики событий на странице или добавляются самим JavaScript (за исключением того, что они не могут быть вызваны до добавления).
Код прямо на странице
Что значит сказать, что JavaScript это непосредственно в голове или в теле страницы? Если код не заключен в функцию или объект, он находится прямо на странице. В этом случае код запускается последовательно, как только файл, содержащий код, загружен достаточно для доступа к этому коду.
Код, который находится внутри функции или объекта, запускается только при вызове этой функции или объекта.
По сути, это означает, что любой код внутри заголовка и тела вашей страницы, который не находится внутри функции или объекта, будет запускаться при загрузке страницы - как только страница достаточно загружен для доступа к этому коду.
Этот последний бит важен и влияет на порядок, в котором вы размещаете свой код на странице: любой код, размещенный непосредственно на странице, должен взаимодействовать с элементами на странице. после элементы на странице, от которых он зависит.
В общем, это означает, что если вы используете прямой код для взаимодействия с содержимым вашей страницы, такой код следует размещать внизу тела.
Код внутри функций и объектов
Код внутри функций или объектов запускается всякий раз, когда вызывается эта функция или объект. Если он вызывается из кода, который находится непосредственно в заголовке или теле страницы, то его место в порядок выполнения фактически является точкой, в которой функция или объект вызывается из прямого код.
Код, назначенный обработчикам событий и слушателям
Присвоение функции обработчику события или прослушивателю не приводит к запуску функции в той точке, в которой она назначена, при условии, что вы на самом деле назначение сама функция и не бегать функция и присвоение возвращаемого значения. (Вот почему вы обычно не видите () в конце имени функции, когда оно присваивается событию с момента добавления скобки запускают функцию и присваивают возвращаемое значение, а не присваивают функцию сам.)
Функции, которые прикреплены к обработчикам событий и слушателям, запускаются, когда запускается событие, к которому они прикреплены. Большинство событий инициируются посетителями, взаимодействующими с вашей страницей. Однако существуют некоторые исключения, такие как нагрузка событие в самом окне, которое запускается по завершении загрузки страницы.
Функции, прикрепленные к событиям на элементах страницы
Любые функции, прикрепленные к событиям на элементах самой страницы, будут запускаться в соответствии с действиями каждого отдельного посетителя - этот код запускается только в том случае, если происходит конкретное событие для его запуска. По этой причине не имеет значения, если код никогда не выполняется для данного посетителя, так как этот посетитель, очевидно, не выполнил взаимодействие, которое требует его.
Все это, конечно, предполагает, что ваш посетитель зашел на вашу страницу с помощью браузера, который имеет JavaScript включен.
Пользовательские скрипты для посетителей
Некоторые пользователи установили специальные сценарии, которые могут взаимодействовать с вашей веб-страницей. Эти скрипты запускаются после всего вашего прямого кода, но перед любой код, прикрепленный к обработчику событий загрузки.
Поскольку ваша страница ничего не знает об этих пользовательских сценариях, у вас нет возможности узнать, что могут делать эти внешние сценарии. они могут переопределить любой или весь код, который вы прикрепили к различным событиям, которые вы назначили обработка. Если этот код переопределяет обработчики событий или прослушиватели, при ответе на триггеры событий будет выполняться код, определенный пользователем, вместо или в дополнение к вашему коду.
Главная точка отсчета заключается в том, что вы не можете предполагать, что коду, предназначенному для запуска после загрузки страницы, будет разрешено работать так, как вы его разработали. Кроме того, имейте в виду, что в некоторых браузерах есть опции, позволяющие отключить некоторые обработчики событий в браузер, в этом случае соответствующий триггер события не будет запускать соответствующий обработчик событий / слушатель в вашем код.