文档加载完毕有很多种事件。
最常用的document加载完即响应
$(function(){
console.log("finish1");
});
$(document).ready(function(){
console.log("finish2");
});
早期的window加载完响应
window.onload = function(){
console.log("loaded1");
}
$(window).load(function(){
console.log("loaded2");
});
<body onload="javascript:alert('loaded');">...</body>
页面状态改变事件
document.onreadystatechange = function () {//即在加载的过程中执行下面的代码
if(document.readyState=="complete"){//complete加载完成
document.onreadystatechange = null;
console.log("complete1");
}
}
/*
uninitialized 还未开始载入
loading 载入中
interactive 已加载,文档可以开始交互
complete 载入完成
*/
文档加载并解析完毕,并不包括图片、脚本和样式
document.addEventListener("DOMContentLoaded", function(event) {
console.log("DOM loaded and parsed");
});