「window.onload と document.onload: どちらのイベント ハンドラーの方がブラウザ互換性が優れていますか?」

window.onload と document.onload: ブラウザの互換性について

質問: window.onload と document.onload のどちらのイベント ハンドラーがより広範な機能を提供しますかブラウザサポート?

回答:

イベント起動動作

window.onload:

• 従来、window.onload は Web ページ全体の読み込みが完了したときに起動されます。すべての外部コンテンツ (画像、スタイルシート、スクリプト) が含まれます。
• 最近のブラウザでは、Document.onload の役割も引き受けており、ドキュメント オブジェクト モデル (DOM) が存在するときに起動されます。 Initialized.

document.onload:

• このイベントは、特に DOM の準備ができたときにトリガーされます。これは、次のような他のコンテンツの読み込み前に発生する可能性があります。画像。

ブラウザ互換性

• window.onload: このイベント ハンドラーは、ブラウザー間で幅広いサポートを受けています。実際、一部の最新のブラウザでは、基本的に document.onload を window.onload.

• document.onload: に置き換えています。これは window.onload ほど広くサポートされていません。互換性の問題のため、多くの開発者はドキュメントの準備状況チェックを処理するために jQuery などの JavaScript ライブラリを利用しています。

  $(document).ready(function() { /* code here */ }); // using jQuery
  $(function() { /* code here */ }); // alias for $(document).ready()

過去の比較: window.onload と body.onload

window.onload と document.onload の質問と同様に、body.onload の代わりに window.onload を使用することについての議論がありました。コンセンサスは、構造をイベント処理から分離するのに役立つため、window.onload を優先するということでした。

以上が「window.onload と document.onload: どちらのイベント ハンドラーの方がブラウザ互換性が優れていますか?」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。