他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。
DOM文档加载的步骤为
解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load 在第4步,会触发
DOMContentLoaded事件。在第6步,触发
load事件。
用原生js可以这么写
document.addEventListener(
"DOMContentLoaded",
function() {
},
false);
window.addEventListener(
"load",
function() {
},
false); 用jQuery这么写
$(
document).ready(
function() {
});
$(
document).load(
function() {
});
文/九彩拼盘(简书作者)
转载请注明原文地址: https://ju.6miu.com/read-1123012.html