首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2014-06-04 
js和jquery加载页面后再执行的区别$(function(){   $(#a).click(function(){     //adding your code he

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

? ?

热点排行