加载模式

• JavaScript加载方式
• JQuery加载方式
• 区别

---

JavaScript加载方式

$(window).load(function (){// 编写代码});  等价于 JavaScript 中的以下代码  Window.onload = function (){  // 编写代码}  

JQuery加载方式

①$(function(){//do someting });②$(document).ready(function(){//do someting});③$().ready(function(){//do someting});

---

区别

总的来说，window.onload()方法是必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个。
$(document).ready()可以同时编写多个，并且都可以得到执行。

3.简化写法
window.onload没有简化写法。
(document).ready(function())可以简写成(function(){});
在一些开发中，一般用到javascript，我是采用jquery的模式，也就是大多数时候，第一行写的是：
$(document).ready(function(){
…
});

JavaScript 实现JQuery加载方式

function ready(fn){      if(document.addEventListener){      //标准浏览器          document.addEventListener('DOMContentLoaded',function(){              //注销时间，避免反复触发              document.removeEventListener('DOMContentLoaded',arguments.callee,false);              fn();       //执行函数          },false);      }else if(document.attachEvent){     //IE浏览器          document.attachEvent('onreadystatechange',function(){              if(document.readyState=='complete'){                  document.detachEvent('onreadystatechange',arguments.callee);                  fn();       //函数执行              }          });      }