日期:2014-05-16  浏览次数:20363 次

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的方式会中断图片和样式的加载,就进行跳转。这个我是在苹果手机和安卓手机上测试发现此问题。苹果手机的默认浏览器还是正常的加载完所有图片和样式,但安卓默认的浏览器就会出现上面我讲的问题了。所以看似一样的功能,却有不同的兼容性效果。

? ?