Jquery的ready和Dom的onload的区别
在开发中遇到问题,需要在页面加载前显示广告提示。也就是在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>
相关推荐
星星有所不知 2020-10-12
zuncle 2020-09-28
huaoa 2020-09-14
北京老苏 2020-08-17
luvhl 2020-08-17
Kakoola 2020-07-29
drdrsky 2020-07-29
书虫媛 2020-07-08
liaoxuewu 2020-07-08
SIMONDOMAIN 2020-07-08
爱读书的旅行者 2020-07-07
tianzyc 2020-07-04
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children
Lophole 2020-07-04
Lophole 2020-06-28
liaoxuewu 2020-06-26
ApeLife技术 2020-06-26
北京老苏 2020-06-25