ホームページ > ウェブフロントエンド > jsチュートリアル > window.onload と $(document).ready()_javascript スキルの違いの分析

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

WBOY
リリース: 2016-05-16 15:57:12
オリジナル
1128 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート