今までなんとなくでjsファイルの読み込みをviewの一番下に記述してたが、なぜそうするのかが学べたので備忘録投稿
scriptタグを記述する場所
scriptタグを記述する場所は以下の２つ
- </body>の直前
- <head></head>の中
どっちに記述した方がいいの？
通常は</body>の直前に記述するのがいい。
理由としてはブラウザがHTML要素を読み込むとき、上から順々に読み込んでいく。そのときにjsのコードを読み込むのはHTMLに比べて時間がかかる。
つまり上に記述される<head></head>の中にすると、jsの読み込み時間がかかってしまい肝心なHTML要素が読み込まれずに、ブラウザに何も表示されなくなる時間が発生してしまう。
つまり</body>の直前に記述すると、、、？
<body></body>の最後に記述することによって、HTML要素の解析を済ましてからjsファイルの読み込みをさせた方が、ユーザビリティが高い
例外
<body></body>が表示されると同時にjsを実行させたり、jsでcssを操作する場合などは<head></head>の中に記述する必要がある。