javascript中的onload方法和jJQuery中的ready方法的区别

9栋108

于 2012-10-20 11:58:00 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sun-sjmeng/archive/2012/10/20/2732051.html

本文详细解释了JavaScript中的onload方法与jQuery中的ready方法的区别。onload方法等待整个页面包括DOM元素及所有资源文件加载完毕后触发，而ready方法则在DOM结构加载完成后立即执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript中的onload方法是表示当dom元素都加载完成后然后开始运行。其中onload方法需要Dom元素全部加载完成，当然也会包含图片等元素。

JQuery中的ready方法是表示当文档结构加载完成后就开始运行。其中不包含图片等元素。

下面开始具体举例说明：

请看下面代码：

function a1(){ 
         alert("1"); 
     } 
     function a2(){ 
         alert("2"); 
     } 
     window.onload=a1; 
     window.onload=a2;

　　此时只会弹出1，因为onload方法只能定义一个。如果要想两个同时弹出，请看下面代码：

window.onload=function(){
                         a1();
                         a2();
                     }
  
     $(function(){ 
         alert("hello"); 
     })

　　此时将会弹出两次hello。

转载于:https://www.cnblogs.com/sun-sjmeng/archive/2012/10/20/2732051.html