js和jQuery页面加载方法的对比

                                              window.onload                                                                   $(document).ready()

执行时机                      必须等待网页中所有的内容加载完                                          网页中所有DOM结构绘制完毕后就执行，

                                    毕后（包括图片）才能执行                                                   可能DOM元素关联的东西并没有加载完

编写个数                     不能同时编写多个                                                                  能同时编写多个，以下代码正确执行：

                                  以下代码无法正确执行：                                                        $(document).ready(function(){

                                  window.οnlοad=function(){                                                           alert('a');

                                         alert('a');                                                                          });

                                  };                                                                                           $(document).ready(function(){

                                 window.οnlοad=function(){                                                            alert('b');      

                                         alert('b');                                                                           });

                                 };                                                                                            结果依次弹出'a'和'b'

                                结果只会弹出'b'

简化写法                          无                                                                                     $(function(){

                                                                                                                                        //......

                                                                                                                                  });    或

                                                                                                                                $( ).ready(function(){

                                                                                                                                       //......

                                                                                                                                  });

         $(window).load(function(){                      等价于                         window.οnlοad=function(){

                    //......                                                                                          //......

           });                                                                                                   });

jQuery中的load()方法会在元素的onload事件中绑定一个处理函数。如果处理函数绑定给window对象，则会在所有内容（包括窗口、框架、对象和图像等）加载完毕后触发，如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发。