1. ホーム
  2. javascript

[解決済み] window.onloadとdocument.onloadの比較

2022-03-22 22:59:42

質問

どちらがより広く支持されているか。 window.onload または document.onload ?

解決方法は?

いつ発光するのか?

window.onload

  • デフォルトでは、ページ全体がロードされたときに起動されます。 を含む のコンテンツ(画像、CSS、スクリプトなど)が含まれます。

一部のブラウザでは、この機能は document.onload で、DOM が準備されたときにも起動します。

document.onload

  • DOM が準備できたときに呼び出されます。 先行 画像などの外部コンテンツが読み込まれるようにします。

どの程度サポートされていますか?

window.onload は、最も広くサポートされているように見えます。実際、最新のブラウザの中には、ある意味で document.onloadwindow.onload .

などのライブラリを使い始める人が多いのは、ブラウザのサポート問題が一番の原因でしょう。 jQuery のように、ドキュメントが準備できているかどうかのチェックを処理するようにします。

$(document).ready(function() { /* code here */ });
$(function() { /* code here */ });


歴史に名を残すために window.onloadbody.onload :

で同様の質問がありました。 コーディングフォーラム しばらく の使用方法に関して window.onload オーバー body.onload . その結果 を使うべきという結果になったようです。 window.onload というのは 構造をアクションから切り離すのが良い。