js中window.onload与jquery中$(document.ready())的区别
来源:互联网 发布:mac os 11 yosemite 编辑:程序博客网 时间:2024/06/06 00:20
耳听为虚,眼见为实。通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张大容量图片)
<html>
<head>
<script type='text/javascript' src='jquery-1.3.2.min.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
alert("先加载DOM结构,再弹出对话框,后加载大型图片及内容");
});
//***************
//window.onload=function(){ alert("先加载DOM结构,后加载大型图片及内容,再弹出对话框");}
//***************
</script>
</head>
<body>
<p>大量内容</p>
<img src='aa.jpg'/>
</body>
</html>
说明:$(document).ready()是在DOM结构载入完后执行的,而window.onload是得在所有文件都加载完后执行的,注意区别,一个是DOM加载完,一个是所有文件加载完
所谓DOM加载完,就是指DOM模型加载完,也就是指代码加载完。
两者最大的区别,就是DOM加载完之后,不必再去等相应的图片加载完就可以执行JS代码了。
补充:(两者的具体用法)
window.onload用法
<script type='text/javascript'>
function winready(){
document.getElementById.('load').style.display='none';
}
window.onload=winready; //或者window.onload=function(){winready();}
</scritp>
jquery用法:
<script type='text/javascript'>
$(document).ready(function(){
$('#load').css('display','none');
})
</script>
- jquery 中 $(document).ready() 与window.onload 的区别
- JQuery中$(document).ready() 与window.onload的区别
- Jquery中$(document).ready()与window.onload方法的区别
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- js中window.onload与jquery中$(document.ready())的区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- js中window.onload 与 jquery中$(document.ready()) 测试
- jQuery中$(document).ready与Javascript中window.onload区别
- Jquery中$(document).ready()和window.onload的区别
- Jquery中$(document).ready()和window.onload的区别
- Jquery中$(document).ready()和window.onload的区别
- Jquery中$(document).ready()和window.onload的区别
- Jquery中$(document).ready()和window.onload的区别
- js中window.onload()与$(document).ready()的对比
- jQuery 中使用$(document).ready()与onload()的区别
- js的window.onload和jquery document.ready()的区别
- jquery的$(document).ready()方法 与 window.onload 的区别
- Android消息机制不完全解析(上)
- Linux下锁用户与解锁问题
- Launcher workspace 定制分析
- 二进制日志占满空间
- ffmpeg中的sws_scale算法性能测试
- js中window.onload与jquery中$(document.ready())的区别
- HDU--1010 -- Tempter of the Bone [DFS+经典奇偶剪枝]
- winform实现把外部文件拖入PictureBox的代码示例
- live555 linux 编译
- eclipse 启动Tomcat超时错误
- poj 3415 , poj 3581,BZOJ 3538
- Gallery is deprecated:Gallery 过期了怎么办?(一)
- struts 学习方略
- Windows下的ffmpeg编译