js和jquery 加载页面后再执行的区别

      一般加载页面后再执行javascript程序有下面几种方式

$(function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here 
　　}); 
}); 

$(document).ready(function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here　　 
　　}); 
}); 

window.onload = function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here 
　　}); 
}

    一般加载的方法是window.onload这种方式

   这个方法会在整个document加载完成后加载此方法中的代码，不仅包括DOM TREE的整个结构，还包括css和图片等等。这是特性。等下我讲优点。

   另外的是Jquery的加载方法$(function(){}）；$(document).ready(function(){ }）这2种方法在加载时，的特性是，只要等到DOM TREE 加载完成后就会加载此方法中的代码。

  那么此时的应用是要再页面加载后进行跳转（window.location.href='****'），那么上面讲的两个方法有什么区别呢。

window.onload方式会等到页面样式图片都载入后执行，再往新的页面重定向，而jquery的方式会中断图片和样式的加载，就进行跳转。这个我是在苹果手机和安卓手机上测试发现此问题。苹果手机的默认浏览器还是正常的加载完所有图片和样式，但安卓默认的浏览器就会出现上面我讲的问题了。所以看似一样的功能，却有不同的兼容性效果。