window.onload, document.既成の相違

1. window.onload

1)説明と特性

JavaScript関数

すべてのコンポーネントをロードし(メモリにロードして画面に出力)、

を呼び出します(htmlをロードした後)

DOMの標準イベント

1つの関数

のみが呼び出され、残りの関数

は無視されます.

は、次のすべての関連要素のアニメーションに適しています.

body onload=()イベント、bodyがonloadイベントに書き込まれた場合、すべてのウィンドウ.load()が動作しない現象が発生する

2)形態

window.onload = function() {
	console.log("window onload!");
}

2. document.ready

1)説明と特性

jQuery構文

外部リソース.ブラウザでドキュメントオブジェクトモデル(DOM)ツリーを作成した後、画像に関係なく

を実行します.

を繰り返し使用する場合は、宣言順に

を実行する.

快速運転が必要な場合は

を使用する.
※DOMツリー?
これは、ブラウザがHTMLドキュメントをロードした後にグループ化して生成するモデルを意味します.オブジェクトのツリーで構成されているため、DOM treeと呼ばれます.
DOMについては、他の記事でさらにご理解ください.
2)形態

$(document).ready(function () {
	console.log("document ready!");
});

3.実行手順

1)全体の流れ

図に示すようにdocument.readyは先に実行してからwindowonload運転.
2)回顧
前回のグループジョブで両方使用したことがあり、addEventListenerが呼び出されたときにエラーが発生した.思い出すと、jsファイルのdocument.準備とウィンドウ乱写onload.ファイルを渡して他の作業物と連動すると、うまく機能しません.違いがわかりました.修正して再実行しなければなりません.
参考資料
https://maivve.tistory.com/282
https://truecode-95.tistory.com/30
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload