[解決済み] window.onloadとdocument.onloadの比較
2022-03-22 22:59:42
質問
どちらがより広く支持されているか。
window.onload
または
document.onload
?
解決方法は?
いつ発光するのか?
- デフォルトでは、ページ全体がロードされたときに起動されます。 を含む のコンテンツ(画像、CSS、スクリプトなど)が含まれます。
一部のブラウザでは、この機能は
document.onload
で、DOM が準備されたときにも起動します。
document.onload
- DOM が準備できたときに呼び出されます。 先行 画像などの外部コンテンツが読み込まれるようにします。
どの程度サポートされていますか?
window.onload
は、最も広くサポートされているように見えます。実際、最新のブラウザの中には、ある意味で
document.onload
で
window.onload
.
などのライブラリを使い始める人が多いのは、ブラウザのサポート問題が一番の原因でしょう。 jQuery のように、ドキュメントが準備できているかどうかのチェックを処理するようにします。
$(document).ready(function() { /* code here */ });
$(function() { /* code here */ });
歴史に名を残すために
window.onload
対
body.onload
:
で同様の質問がありました。 コーディングフォーラム しばらく の使用方法に関して
window.onload
オーバーbody.onload
. その結果 を使うべきという結果になったようです。window.onload
というのは 構造をアクションから切り離すのが良い。
関連
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] window.onload vs $(document).ready()
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
親子コンポーネント通信を解決する3つのVueスロット
-
vueのグローバルがscss(mixin)を導入。
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] window.onload vs $(document).ready()
-
[解決済み】JavaScriptのwindow, screen, documentの違いは何ですか?
-
[解決済み】 $(window).load() と $(document).ready() の関数の違いについて