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

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

document優先於window
window優先於element

//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()">