<р> Если вы попытаетесь выполнить код JavaScript, который манипулирует некоторые элементы в веб-страницы, не убедившись, что ли загружены элементы полностью приведет неожиданные результаты. Например, есть Р элемент, идентификатор "изюминкой" при загрузке страницы вы хотите применить цвет фона на элементе. В типичной решения с использованием общего JavaScript вы бы что-то вроде следующего:
Вар highlightDiv = document.getElementById ("изюминкой"), если (TypeOf highlightDiv === "объект") {highlightDiv.style.
BackgroundColor = "желтый"; highlightDiv.style.color = "синий"; highlightDiv.style.border = "1px сплошной красный";} <р> В приведенном выше коде мы применили цвет фона, в 1px границы в красный цвет и сделал цвет шрифта голубой. Пожалуйста, обратите внимание, что мы не должны делать это, как это вместо этого мы можем создать класс с цветом фона желтый, 1px границы в красный и цвет в голубой и просто применить класс. Но я просто хочу, чтобы продемонстрировать пункт, что я говорю о.
<Р> Предположим, что вы выполняете выше кусок кода до загрузки элементов в браузере.
Как вы думали, что это код не будет работать, как ожидалось, и пропустить нужный выполнение. Общий подход вы размещаете код после сНу элемента, на который он собирается выполнить операцию.
<Р> Другой наиболее распространенный вопрос есть до IE8 был "Операция прервана" ошибки. В этой ошибки элемент ребенок пытается обновить его родителя, прежде чем родительский элемент полностью загружает себя в DOM. Например, скрипт пытается вставить новый элемент в к элементу тела до нагрузки тела в DOM полностью.
<Р> Это то место, где OnLoad событие объекта окна удобна.
Давайте рассмотрим кусок образец кода:
window.onload = функция () {вар г = document.createElement ("DIV"); d = "Test Data"; document.body.appendChild (d);} <р> Приведенный выше код является совершенным, и будет выполнен после того, как DOM Загрузка завершена. Все в порядке?
<Р> Нет там еще некоторые вопросы в этом подходе Каталог
Каталог