欢迎来到吴小小的专栏!

onload和DOMContentLoaded

  1. 执行时间
    onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
    DOMContentLoaded是DOM结构绘制完毕后就执行,不必等到加载完毕。
  2. 编写个数不同
    onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
    DOMContentLoaded可以同时编写多个,并且都可以得到执行
// 不兼容老的浏览器
document.addEventListener("DOMContentLoaded", function() {
   // ...代码...
}, false);
//等价于
$(document).ready(function(){})

window.addEventListener("load", function() {
    // ...代码...
}, false);
//等价于
$(document).load(function(){})

posted @ 2017-10-25 16:18  吴小小  Views(285)  Comments(0Edit  收藏  举报