window.onload と $(document).ready()_javascript スキルの違いの分析

この記事の例では、window.onload と $(document).ready() の違いについて説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

window.onload は Javascript の関数であり、Web ページ内のすべてのコンテンツ (画像を含む) がロードされるまで待機します。
$(documetn).ready() は、Web ページ内のすべての DOM 構造が描画された後に実行できるため、DOM に関連付けられた要素がまだロードされていない可能性があるため、比較的高速です。

たとえば、簡単な例を見てみましょう:

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

上記の意味によれば、結果は「I am No.2」しか出力できません

を

に置き換えます。

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

結果出力 私はNo.1、私はNo.2

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。