Jquery的ready和Dom的onload的区别

来源：互联网发布：漫画教程软件下载编辑：程序博客网时间：2024/06/08 16:57

在开发中遇到问题，需要在页面加载前显示广告提示。也就是在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方法