关于js初始化函数比较





1.ready是等页面所有的dom节点加载完成,监听的是 DomContentload 事件。初始化并解析完成是触发,ready事件是页面中的所有DOM结构已完全加载时执行
不需要等待样式表,图片和 iframes 加载完,也就是说当这个事件触发的时候,你就可以通过 JS 获取所有你 html 里的节点了。
在大多数情况下,只要DOM结构已完全加载时,脚本就可以运行。传递处理函数给.ready()方法,能保证DOM准备好后就执行这个函数。


写法有下面几种;
$().ready( function() {
 
    // do something
 
} );
 
$( document ).ready( fuction() {
 
    // do something
} )
 
$( function() {
 
    // do something
} )
2.而windos的onload---window 的 onload  事件是在文档的所有资源都加载完成之后触发,
包括 JS,CSS,文档里面的所有的图片,多媒体内容等等。所以 onload 触发的会比 dom ready 慢,会在ready的后面加载,
load事件是当页面完全呈现(如页面中的图像已被完全接收)时执行。,比如有一个大图片,
页面都已经展现出来了,图片还没加载完成,那么 onload 就不会被触发。
如果执行的代码需要在元素被加载之后才能使用时,(例如,取得图片的大小需要在图片被加载完后才能知道),就需要将这样的代码放到 load 事件中。


写法:
$(window).load(function(){});//3.0以前的写法,已经过时了


//可使用
$( window ).on( 'load', function() {
    // do something
} );


window.οnlοad=function(){}



既然选择了远方,便只顾风雨兼程....


分享是一种美德...



发布了37 篇原创文章 · 获赞 30 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/new_culture/article/details/78265007