HTML文档页面加载顺序

[文章] 浏览(38)  | 2017年04月06日  | 支持服务 | 
[标签]Html,JS,JQuery

js中文档加载完毕:一般在body末前添加onload事件或者window.onload = function () {}

注意:window.onload页面全部加载,包括图片我资源,不建议采用;

推荐采用 $(function(){...}) 是$(document).ready()的简写。

当$()中不带参数时,默认为document

jQuery3.21版本环境下测试先后顺序如下:输出到页面body标签内span标签中123456789A

(function() {            
    $('#seqNo').text('1');
})(jQuery);

window.onload = function () {
    $('#seqNo').text('2');
};

$(document).ready(function(){
    $('#seqNo').text('3');
});

$(function(){
    $('#seqNo').text('4');
});

$(function($) {
    $('#seqNo').text('5');
});

jQuery(document).ready(function(){
    $('#seqNo').text('6');
});

jQuery(function() {
    $('#seqNo').text('7');
});

jQuery(function($) {
    $('#seqNo').text('8');
});


$(window).load(function() {
    $('#seqNo').text('9');
});

jQuery(window).load(function() {
    $('#seqNo').text('A');
});
附件说明
附件