ドキュメントロードポイント-onload、DOMContent Load

3543 ワード
ブラックコーヒー学習 テキストリンク
ブラックコーヒーの勉強をしていて、コードが1行も書けないほど茫然としています.
だから他の人のコードを見て、どうやって始めたらいいかを見ながら、タスクを行います.
でも多くの人がindexと言い始めましたjsまたはapp.jsでonloadとDOMContentLoadファイルを使用しているのを見ました.
なぜそうするのか気になったので探してみたら、このミッションで使わなくてもいいと思いました.
通常、スクリプトがドキュメントの最後の(</body>)に挿入される前に、プログラミングを処理するためにイベントを使用する必要はありません.ただし、ドキュメントの<head>領域にスクリプトが挿入されているか、外部ファイルでスクリプトが定義されている場合は、ドキュメントのロードポイントに適したイベントを関連付けなければなりません.
上の理由で、私の場合は<body>ラベルの一番下にscriptが付いているので、使いません.
しかし、勉強の内容を簡単に整理すれば.

onload


onloadは、ドキュメント内のすべてのコンテンツ(画像、スクリプト、cssなど)をロードした後に発生するイベントです。

window.onload = funcion() {
	//code
}
ここでは、同じドキュメントにonloadが1つしか存在しません.繰り返した場合は、最後の宣言が実行されます.

<body>要素に属性(attribute)を指定できます。

<body onload="실행될 코드">
以上のようにwindow.onloadで指定されたものは無視されます.

ウィンドウオブジェクトだけでなく、必要なオブジェクト(オブジェクト)をロードするときに実行するコードも設定できます。

document.getElementById("myFrame").onload = function() {
//실행될 코드
}

//이벤트를 직접 등록해서 사용할 수도 있다.
window.addEventListener('load', function(){
//실행될 코드
});

DOMContentLoaded


HTMLとスクリプトのロード時に発生するイベント.
window.addEventListener('DOMContentLoaded', function(){ 
	//실행될 코드 
})
onloadとは異なり、ロード後に実行されないことが多いので、より速い実行が必要な場合に使用します.
ただし、IE 8以下のバージョンではサポートされていません.
ソース:(https://webdir.tistory.com/515)
【エンジニア必見】VS Code拡張機能まとめ25選!!
galera cluster の最初のノードの mariadb が再起動できない時