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()">
"唯有高屋建瓴,方可水到渠成"