Bilgee Zulgalt

诚实地面对自己的内心,你就会产生无穷的力量,这就是萨满。

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

js中window.onload与jquery中$(document.ready())的区别

通过下面的实例可查看两者的异同(注意: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>

posted on 2012-03-26 17:25  Bilgee  阅读(248)  评论(0编辑  收藏  举报