window.onload与$(document).ready() 的区别

2021-06-10 05:04

阅读：744

标签：loading css 写法 fun UNC 等等 ace js代码最大

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代码了

window.onload与$(document).ready() 的区别

标签：loading css 写法 fun UNC 等等 ace js代码最大

原文地址：https://www.cnblogs.com/angelyan/p/10618536.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：window.onload与$(document).ready() 的区别
文章链接：http://soscw.com/index.php/essay/93001.html

亲，登录后才可以留言！