关闭

Jquery的ready和Dom的onload的区别

319人阅读 评论(0) 收藏 举报

在开发中遇到问题,需要在页面加载前显示广告提示。也就是在dom还没有加载先显示广告,当页面所有资源加载完后在隐藏广告,显示dom内容。window onload包含dom load。

 

页面响应加载的顺序是,域名解析->加载html->加载js和css->加载图片等其他信息,jquery的Dom Ready方法在加载图片等其他信息前就可以操作Dom了,先于window.onload事件触发前执行。

 

Jquery的ready和Dom的onload的区别: 

   1. onload是所有dom元素创建完毕,图片、css等都加在加载完毕后才触发 

   2. ready则是dom元素创建完毕后就被触发 

相对来说jquery的ready可以提高网页的响应速度.

 

<html> 
<head> 
<TITLE>class_obj_js_class</TITLE>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script language=javaScript> 

window.onload = function(){
	alert(1);
}

$(function(){
	alert("jquery ready function 1");
});

function init(){
	alert(2);
}


</script> 

<body onload="init()"> 
dafdfad
</body> 
</html>

<script language=javaScript> 
window.onload = function(){
	alert(3);
}

$(function(){
	alert("jquery ready function 2");
});
</script>
 

 

弹出的顺序是:

 

1、jquery ready function 1

2、jquery ready function 2

3、3

 

备注说明:

1、jquery的ready方法可以执行多次(按顺序执行)

2、window.onload不允许多次加载,若出现多次,则加载最后一个。

第一次加载window.onload方法,第二次加载<body onload>方法,最后加载html最后的onload方法

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:313221次
    • 积分:8745
    • 等级:
    • 排名:第2257名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论