也就是：
html → head → title → #text(網(wǎng)頁(yè)標(biāo)題) → style → 加載樣式 → 解析樣式 → link → 加載外部樣式表文件 → 解析外部樣式表 → script → 加載外部腳本文件 → 解析外部腳本文件 → 執(zhí)行外部腳本 → body → div → script → 加載腳本 → 解析腳本 → 執(zhí)行腳本 → img → script → 加載腳本 → 解析腳本 → 執(zhí)行腳本 → 加載外部圖像文件 → 頁(yè)面初始化完畢。

JS 的初始化裝載。

onload
不是在 document 加載完成的時(shí)候調(diào)用的, 而是在頁(yè)面所有元素 (包括圖片等) 全部加載完成才會(huì)調(diào)用. 如果頁(yè)面上有尺寸很大的圖片, 下載需要很長(zhǎng)時(shí)間, 那么腳本就一直不能被初始化, 直到圖片裝載完成, 嚴(yán)重時(shí)用戶體驗(yàn)會(huì)受到很大影響.但是，window.onload 也并非是一無(wú)用處，很多情況下一些B/S軟件需要頁(yè)面全部加載后才提供用戶相關(guān)功能，這樣 window.onload 就可以提供一種“加載中”的功能，又或者是頁(yè)面內(nèi)容很少，完全無(wú)需 document.ready(); 根據(jù)各種情況，應(yīng)該合理的使用 onload 和 ready。

使用onload加載：
代碼如下:
window.onload=function(){
var currentRenderer = 'javascript';
FusionCharts.setCurrentRenderer(currentRenderer);
var chartObj = new FusionCharts({
swfUrl: "Pie3D.swf",
width: "290", height: "210",
id: 'sampleChart',
dataSource: "/ucenter/seo/new_seo_tool.php?check=xml&val={{pre_num}}",
dataFormat: FusionChartsDataFormats.XMLURL,
renderAt: 'chart1div'
}).render();
}

ready
在 W3C 中有個(gè)叫 DOMContentLoaded 的事件,它會(huì)在 DOM (文檔對(duì)象模型) 被加載完成的時(shí)候觸發(fā).

方法一：
代碼如下:
類似于Jquery的$(function(){...}) $(document).ready(function(){...})
(function () {
var ie = !!(window.attachEvent && !window.opera);
var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525);
var fn = [];
var run = function () { for (var i = 0; i < fn.length; i++) fn[i](); };
var d = document;
d.ready = function (f) {
if (!ie && !wk && d.addEventListener)
return d.addEventListener('DOMContentLoaded', f, false);
if (fn.push(f) > 1) return;
if (ie)
(function () {
try { d.documentElement.doScroll('left'); run(); }
catch (err) { setTimeout(arguments.callee, 0); }
})();
else if (wk)
var t = setInterval(function () {
if (/^(loaded|complete)$/.test(d.readyState))
clearInterval(t), run();
}, 0);
};
})();

調(diào)用時(shí)：
document.ready(function(){
alert('ok');
}

方法二：
代碼如下:
/如果支持 W3C DOM2, 則使用 W3C 方法
if (document.addEventListener){
document.addEventListener("DOMContentLoaded", te, false);
}
else if (/MSIE/i.test(navigator.userAgent)){/如果是 IE 瀏覽器(不支持)
/創(chuàng)建一個(gè) script 標(biāo)簽, 該標(biāo)簽有 defer 屬性, 當(dāng) document 加載完畢時(shí)才會(huì)被載入
document.write("
var script = document.getElementByIdx_x("__ie_onload");
/如果文檔確實(shí)裝載完畢, 調(diào)用初始化方法
script.onreadystatechange = function() {
if (this.readyState == 'complete') {
te();
}
}
}
else if (/WebKit/i.test(navigator.userAgent)) {/如果是 Safari 瀏覽器(不支持)
/創(chuàng)建定時(shí)器, 每 0.01 秒檢驗(yàn)一次, 如果文檔裝載完畢則調(diào)用初始化方法
var _timer = setInterval( function() {
if (/loaded|complete/.test(document.readyState)) {
clearInterval(_timer);
te();
}
}, 10);
}
else {/如果以上皆不是, 使用最壞的方法 (本例中, Opera 7 將會(huì)跑到這里來(lái))
window.onload = function(e) {
te();
}
}
function te(){
alert('ok');
}

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com