Выполнение языка сценариев JavaScript должно быть вызвано. Общий подход состоит в том, чтобы написать несколько функций непосредственно на веб -странице. Некоторые из них обрабатываются браузером при загрузке кода, или используют коды, аналогичные следующим, чтобы запустить реализацию функций, связанных с функцией.
<div id = ”ссылка” onclick = ”fun ()”> </div>
Приведенный выше код означает, что когда мышь нажимает на элемент с идентификатором в качестве ссылки, ее событие OnClick запускается, а затем выполняется забавная функция, определяемая с использованием JavaScript. Этот подход определенно необоснован, потому что операция триггера напрямую записывается в структуру HTML, а содержание и поведение не изолированы, что приведет к неудобствам для будущего вторичного развития или модификаций.
Следует отметить, что когда обработка событий связана с соответствующим элементом, операции могут выполняться только после загрузки этого элемента. Если обработанный сценарий помещен в область головы, браузер сообщит об ошибке. Поскольку следующий HTML -элемент еще не был загружен, обработанный сценарий обработки в голове был обработан.
Хорошим способом выполнить код JavaScript должен быть разделение поведенческого содержания и обработки его после загрузки страницы. Поэтому при работе с кодом JavaScript нам необходимо использовать события загрузки слушателей и оконных объектов.
Слушатель
Фактическая функция слушателя - отделить поведение от контента. В прошлом некоторые события запуска были необходимы для запуска функций, связанных с JavaScript. Теперь мы напрямую используем слушателя для элемента в JavaScript, чтобы прослушать события этого элемента. Если этот элемент запускается и соответствующая функция обработки для этого события определена у слушателя, то эта функция будет обработана.
Стандартный метод W3C называется addeventListener, который поддерживается IE9, Chrome, Firefox и Opera. Метод написания:
window.addeventListener ('загрузка', функция, false);Метод AttlectEdEvent в раннем IE имеет сходные эффекты:
window.attachevent ('Onload', function);Метод использования слушателя также очень прост. Сначала он должен получить элемент на странице, а затем использовать слушатель для этого элемента, чтобы определить слушанное событие и соответствующую функцию обработки событий. Например, выше:
document.getElementById ('link'). addEventListener ('click', fun, false);Для получения более подробных инструкций по использованию монитора см. Дополнительную информацию в конце статьи.
window.onload Event
Событие Onload будет запускается только тогда, когда вся страница будет полностью загружена. Когда мы пишем код JavaScript в событие Onload, мы можем убедиться, что браузер обработает наш код JavaScript после загрузки элемента HTML. Основное письмо:
window.onload = function () {// code}Таким образом, код в этой функции будет обработан после загрузки. Однако этот метод имеет недостаток, который состоит в том, что он может использоваться только для этой функции. Несколько событий Window.onload не могут отображаться на странице. Если произойдут несколько событий на загрузке, последующее содержание будет перезаписать предыдущий.
Затем мы можем сделать это, написать все имена функций, которые необходимо загрузить в окно.
window.onload = function () {func1 (); func2 (); } функция func1 () {…} function func2 () {…}Хотя это нормально, это очень неудобно, потому что нам нужно написать все имена функций, которые будут загружены, и будет очень трудно изменить. Конечно, должно быть решение. JQuery предоставляет очень мощный метод загрузки с несколькими сценарием, поэтому должно быть решение для нативного JavaScript.
window.onload обрабатывает несколько функций одновременно
Нам нужно написать функцию обработки и сначала посмотреть на код:
функция AddLoadListener (fn) {if (typeof window.addeventListener! = 'undefined') {window.addeventListener ('load', fn, false); } else if (typeof document.addeventListener! = 'undefined') {document.addeventListener ('Load', fn, false); } else if (typeof window.attachevent! = 'undefined') {window.attachevent ('onload', fn); } else {var oldfn = window.onload; if (typeof window.onload! = 'function') {window.onload = fn; } else {window.onload = function () {oldfn (); fn (); }; }}}Давайте просто разрабатываем эту пользовательскую функцию AddLoadListener, передав имя функции в качестве параметра. Сначала он определяет, поддерживает ли браузер соответствующему слушателю. Если он поддерживает слушателя, он использует слушателя, чтобы слушать события Onload Oncebe Object, а затем обрабатывает эту функцию. Этот код использует оператор IF, чтобы судить о событиях прослушивания всех браузеров и совместим с Cross-Browser.
Мы размещаем этот код в верхнюю часть сегмента кода JavaScript, затем определяем соответствующие функции ниже, а затем используем следующее оператор для загрузки функции JavaScript.
AddLoadListener (func); function func () {…}Таким образом, любые функции JavaScript должны быть обработаны после загрузки страницы. Вы можете использовать функцию AddLoadListener напрямую, и можно использовать несколько функций. Вообще говоря, лучше всего загрузить весь JavaScript, используя событие Onload, чтобы избежать неожиданных ситуаций.