本文共 2670 字，大约阅读时间需要 8 分钟。

���������������������������������HTML������������������������������������������������������������������������������DOM���JavaScript���������������������������������������������������������������������������������������DOM������������������������

HTML������������������

������������������������������HTML���������

   
   
hello,world!
   

���������������������������������������������������������������������JavaScript���������������������������������<p>������������������������������������������������������������������������������<p>������������������������������������������������������JavaScript������������<p>������������������������������������������������HTML������������������������������

���������������JAVASCRIPT������onload������

���������������������������������������������onload������������JavaScript������onload������������������������������������������������������������������������������������������������DOM������������������onload���������������������DOM���������������������������

window.onload = function() {
    let p1 = document.querySelector("#p1");
    console.log(p1.innerHTML);
}

���������������onload������

���������������������onload������������������������������������������������������������������������onload���������������������������

window.onload = function() {
    let p1 = document.querySelector("#p1");
    console.log(p1.innerHTML);
}
window.onload = function() {
    let p2 = document.querySelector("#p2");
    console.log(p2.innerHTML);
}

���������������������������������������������������<p>���������������������onload���������������������������������������

jQuery������ready������

������onload���������jQuery������������ready���������ready���������DOM���������������������������������������������������������DOM���������������������onload���������������ready������������������������������������������������������DOM���������

$(document).ready(function() {
    let p1 = document.querySelector("#p1");
    console.log(p1.innerHTML);
});

ready���������������������

ready���������������������������������������������������������������������������������������������DOM������������������������ready������������������������������������������������������������������

$(document).ready(function() {
    let p1 = document.querySelector("#p1");
    console.log(p1.innerHTML);
});
$(document).ready(function() {
    let p2 = document.querySelector("#p2");
    console.log(p2.innerHTML);
});

���������������������������������������<p>���������������������������

onload���ready���������