なぜdeferを使うのですか?


背景
<head>
  	<script src="hello.js" defer></script>
</head>
<body>
	<script src="hello.js" defer></script>
</body>
  • htmlファイルをレンダリング中にscriptタグに遭遇した場合、サーバはJavaScriptファイルをインポートします.
  • ここはhellojsファイルをインポートおよび実行します.
  • ですが、ここではbody部分を実行していません.
  • hello.jsがbodyの要素にアクセスした場合、エラーが発生します.
  • deferプロパティを使用して、これらのエラーを防止します.
  • defer
  • deferプロパティを作成し、ボディへのレンダリングを完了し、JavaScriptファイルを実行します.
  • これなら、体の中のラウリンに近づいても大丈夫です.