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