$(document).ready()加载顺序和事件

来源:互联网 发布:数据库自然连接语句 编辑:程序博客网 时间:2024/05/11 22:46

$(document).ready()和 window.onload的区别
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 
 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 
 $(document).ready()可以同时编写多个,并且都可以得到执行 
$(document).ready(function(){
...//不必要等所有的js和图片加载完毕,就可以执行一些方法
});
$(window).load(function() {
...//等所有的js和图片加载完毕,才执行的方法
});


onload的两种写法
<body onload="fn1(),fn2()"></body>看起来极其丑陋,如果用$(window).load()我们可以这样加载多个函数
 $(window).load(function() {
            alert("hello1!");
  });
 $(window).load(function() {
        alert("hello2");
 });

0 0
原创粉丝点击