加载模式

• 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();       //函数执行  
            }  
        });  
    }