JSページロードトリガイベントdocument.readyとwindow.onloadの違い

Dcument.readyとonloadの違い――JavaScriptドキュメントの読み込み完了イベントページの読み込み完了には、2つのイベントがあります.
一つはreadyで、ドキュメント構造が既に読み込まれたことを表しています.
二番目はオンラインで、写真などのファイルを含むすべての要素がロードされたことを指示します.
 
1、Dom Ready
jqを使う時は、基本的に台本を書き始めます.

$(function(){ 
      // do something 
});

たとえば:

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

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

$(document).ready(function(){
     //do something
})
//        ，jQuer      ：“document”；
$().ready(function(){
    //do something
})

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

window.onload=function(){
      //do something
}
//         
document.getElementById("imgID").onload=function(){
     //do something
}

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

<script type="text/javascript">
(function() {
            alert("DOM     !");
        })(jQuery)
</script>