window.onload与$(document).ready()的区别分析
2015-05-30 15:41
726 查看
本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下:
window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片);
而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些;
比如举个简单的例子:
window.onload=function(){ alert('I am No.1'); }; window.onload=function(){ alert('I am No.2'); }
根据上面的意思,结果只能输出“I am No.2”
而换成:
$(document).ready(function(){ alert('I am No.1'); }); $(document).ready(function(){ alert('I am No.2'); });
结果输出 I am No.1 ,I am No.2
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
- jquery $(document).ready()和window.onload的区别浅析
- window.onload追加函数使用示例
- js window.onload 加载多个函数和追加函数详解
- JS:window.onload的使用介绍
- jquery $(document).ready() 与window.onload的区别
- jquery中的$(document).ready()与window.onload的区别
- window.onload的页面加载技巧
- jquery中的$(document).ready()使用小结
- jquery的$(document).ready()和onload的加载顺序
相关文章推荐
- window.onload的页面加载技巧
- jquery加载页面的方法(页面加载完成就执行)
- jquery $(document).ready()和window.onload的区别浅析
- 浅析document.ready和window.onload的区别讲解
- jquery $(document).ready() 与window.onload的区别
- jQuery ready与window.onload的区别
- 一些比较有用的js脚本--改进onload和insertAfter
- js中window.onload时间不能保存多个函数引用的解决办法
- $(document).ready和window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- Web_JavaScript_页面多个window.onload需求问题解决;
- 页面DOM-资源加载的相关标识
- JavaScript基本知识
- window.onload与$(document).ready()对比
- 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
- html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比
- 原生js判断设备隐藏div
- 页面加载完成之后执行
- javascript window.onload addLoadEvent(func)
- window.onload与$(document).ready()区别