Во-первых, порядок загрузки страниц:
Разобрать HTML-структуру.
Загружайте внешние скрипты и файлы таблиц стилей.
Разобрать и выполнить код сценария.
Создайте модель HTML DOM.
Загружайте внешние файлы, например изображения.
Страница загружена.
То есть:
html → head → title → #text (заголовок веб-страницы) → стиль → загрузить стиль → анализировать стиль → ссылка → загрузить файл внешней таблицы стилей → проанализировать внешнюю таблицу стилей → скрипт → загрузить файл внешнего скрипта → проанализировать файл внешнего скрипта → выполнить внешний скрипт → тело → div → сценарий → загрузить сценарий → сценарий анализа → выполнить сценарий → img → сценарий → загрузить сценарий → сценарий анализа → выполнить сценарий → загрузить файл внешнего изображения → инициализация страницы завершена.
Начальная загрузка JS.
загрузка
Он вызывается не при загрузке документа, а при загрузке всех элементов страницы (в том числе картинок и т.п.). Если на странице есть картинки большого размера и загрузка занимает много времени, то скрипт будет. никогда не сможет быть загружен. Инициализация, пока загрузка изображения не будет завершена, в серьезных случаях работа пользователя будет сильно зависеть. Однако window.onload не бесполезен. Во многих случаях некоторые программы B/S требуют, чтобы страница была загружена. полностью загружается перед предоставлением функций, связанных с пользователем, поэтому окно .onload Он может предоставлять функцию «загрузки», или содержимое страницы очень маленькое, и document.ready() вообще не требуется, в зависимости от ситуации, следует разумно использовать onload и ready;
Используйте onload для загрузки:
Скопируйте код кода следующим образом:
window.onload=function(){
вар currentRenderer = 'javascript';
FusionCharts.setCurrentRenderer(currentRenderer);
varchartObj = новый FusionCharts({
swfUrl: "Pie3D.swf",
ширина: «290», высота: «210»,
идентификатор: 'sampleChart',
источник данных: "/ucenter/seo/new_seo_tool.php?check=xml&val={{pre_num}}",
Формат данных: FusionChartsDataFormats.XMLURL,
renderAt: 'chart1div'
}).оказывать();
}
готовый
В W3C существует событие DOMContentLoaded, которое запускается при загрузке DOM (объектной модели документа).
Способ первый:
Скопируйте код кода следующим образом:
Аналогично $(function(){...}) $(document).ready(function(){...}) в Jquery.
(функция () {
var ie = !!(window.attachEvent && !window.opera);
var wk = /webkit//(/d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525);
вар фн = [];
var run = function () { for (var i = 0; i < fn.length; i++) fn[i]() };
вар д = документ;
г. готово = функция (f) {
if (!ie && !wk && d.addEventListener)
return d.addEventListener('DOMContentLoaded', f, false);
если (fn.push(f) > 1) return;
если (т.е.)
(функция () {
попробуйте { d.documentElement.doScroll('left');
catch (ошибка) { setTimeout(arguments.callee, 0 });
})();
иначе, если (нед.)
вар т = setInterval(функция () {
if (/^(loaded|complete)$/.test(d.readyState))
ClearInterval (т), запустить ();
}, 0);
};
})();
При звонке:
документ.ready(функция(){
предупреждение('ок');
}
Способ второй:
Скопируйте код кода следующим образом:
/Если поддерживается W3C DOM2, используйте метод W3C.
если (document.addEventListener){
document.addEventListener("DOMContentLoaded", te, false);
}
else if (/MSIE/i.test(navigator.userAgent)){/если это браузер IE (не поддерживается)
/Создайте тег сценария, который имеет атрибут defer и будет загружаться при загрузке документа.
документ.писать("
var script = document.getElementByIdx_x("__ie_onload");
/Если документ действительно загружен, вызываем метод инициализации
script.onreadystatechange = функция() {
if (this.readyState == 'complete') {
тэ();
}
}
}
else if (/WebKit/i.test(navigator.userAgent)) {/Если это браузер Safari (не поддерживается)
/Создать таймер, проверять каждые 0,01 секунды и вызывать метод инициализации, если документ загружен
вар _timer = setInterval(функция() {
if (/loaded|complete/.test(document.readyState)) {
ClearInterval (_timer);
тэ();
}
}, 10);
}
else {/Если ничего из вышеперечисленного, используйте худший метод (в этом случае Opera 7 будет работать здесь)
window.onload = функция (е) {
тэ();
}
}
функция() {
предупреждение('ок');
}