window.onload是所有加载完后执行
$(document).ready(function(){ }) 是DOM结构加载完执行
最早接触的时候也说$(document).ready(function(){ })这个函数是用来取代页面中的window.onload
但是慢慢发现好像不是这样回事,是在做一个页面载入效果时发现的!
window.onload写法:
function windowready(){document.getElementById("loading").style.display="none";}
window.onload=winready;
window.onload的写法windowready会在页面完全加载完毕后才开始执行
jquery写法:
$(document).ready(function(){
"#loading").css("display","none");
})
jquery的写法在页面没有完全加载完毕的时候就开始执行
原因解释:
$(document).ready()是在DOM结构载入完后执行的,而window.onload是得在所有文件都加载完后执行的,注意区别,一个是DOM加载完,一个是所有文件加载完
所谓DOM加载完,就是指DOM模型加载完,也就是指代码加载完
两者最大的区别,就是DOM加载完之后,不必再去等相应的图片文字视频等等内容加载完就可以执行JS代码了