document.readyとonloadの違い

Dcument.readyとwindow.onloadの違い——JavaScript文書の読み込み完了イベント
ページ読み込み完了には2つのイベントがあります.

readyは、ドキュメント構造が既にロード済みであることを示している(画像などの非テキストメディアファイルを含まない).

onloadは、ページに写真などを含むすべての要素がロードされたことを示しています.

1、Dom Ready
jqを使う時は、基本的に台本を書き始めます.

$(function(){
    // some code...
});

たとえば:

$(function() {
     $("a").click(function() {
           alert("Hello world!");
      });
})

この例はすべてのaラベルに一つのclickイベントを結びつけることである.つまり、すべてのリンクがマウスによってクリックされた時、alertを実行します.つまり、ページ読み込み時にバインドされ、本当にトリガされた時にトリガされます.これはjq ready()の略記です.

$(document).ready(function(){
    // ...
});
//          ，jquery       “document”
$().ready(function(){
    // ...
});

これがjq ready()の方法です.彼の役割や意味は、DOMロードが完了したらDOMを操作できるということです.一般的には、ページ応答の読み込み順序は、ドメイン名解析-ロードhtml-jsとcss-ロードピクチャなどの他の情報をロードします.Dom Readyは「jsとcssをロードする」と「画像をロードするなど他の情報」の間でDomを操作することができます.
2、Dom Load
原生のjsを使う時はいつもワンロードの時間で何かをします.例えば:

window.onload = function(){
    // ...
}
//         
document.getElementById("imgId").onload = function(){
    // ...
}

これがDom Loadであり、彼の役割や意味は、documentドキュメントの読み込みが完了したらDOMを操作することができます.documentドキュメントには画像をロードするなどの他の情報が含まれています.Dom Loadは、ページ応答のロード順の「画像などの他の情報をロード」した後、Domを操作することができます.
最後に、すべてのDOM要素がロードされる前に実行されるjQueryコードを添付します.

    (function() {
        alert("Dom    ！")
    })()