Javascript中頁面加載完成後優先執行順序

時間 2019-12-08

標籤 javascript 頁面加載完成優先執行順序欄目 JavaScript 简体版

原文原文鏈接

Javascript中頁面加載完成後優先執行順序javascript

document優先於window
window優先於elementjava

//document加載完成執行方法體
document.addEventListener('DOMContentLoaded', function () {
            
},false);

//window加載完成執行方法體
window.onload = function () {

}

;(function () {
    //優先級1
    alert("function執行");
}())

$(document).ready(function () {
    //優先級2
    alert("jquery====》document ready");
});

$(function () {
    //優先級3
    alert("jquery====》document onload");
});

window.onload = function () {
    //優先級4
    alert("頁面加載完成====》onload");
}

$(window).load(function () {
    //優先級4
    alert("jquery===》window load");
})

function init() {
    //優先級5
    alert("body onload初始化");
}
//<body onload="init()">

相關標籤/搜索