您的位置:首页 > 其它

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

2016-09-21 10:51 309 查看
$(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");

 });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐