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


关键词

jQuery document read

摘要

本文介绍在jQuery中的$(document).ready方法的含义与使用,并介绍$(document).ready方法与window.onload的区别。

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    alert('Hello!');
});
</script>
</head>
<body>
<p>这是一个段落。</p>
</body>
</html>

在上面的例子了,我们引入了jQuery库。然后我们使用$(document).ready方法来执行一个alert语句。

$(document).ready方法与window.onload功能是非常近似的。都是在页面打开时,执行一个方法。我们来说说两者之间的细微区别。

1、$(document).ready是当整个html载入后开始执行;window.onload是等网页的所有元素都载入后才执行(包含图片、CSS文件、JS文件等)。
2、$(document).ready可以写多个,且每一个都会被执行。window.onload虽然也可以写多个,但只有最后一个才执行。

最后,特别要说明的是:
$(document).ready(function(){ //代码 });
可以简写成:
$(function(){ //代码 });

关于$(document).ready与window.onload的区别,本文就介绍这么多,希望对您有所帮助,谢谢!

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:$(document).ready与window.onload的区别:http://www.splaybow.com/post/document-ready-jquery.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« CSS3的background-size属性 jquerymobile之data-ajax »