初歩的な質問ですみません、Javascriptは、どの位置で読み込ませるのが良いかわからないので教えて下さい。<head>内に書くのが一般的だと思っていたのですが、</body>の前に書いた方が良いと聞いて判断に困っています。みなさんはどうされていますか??
ヘッダー内にHTMLのヘッダーに記入します。 ここに書いたスクリプトは、body部分より前に読み込まれます。 関数(処理を1まとめにしたもの)などはここに記入します。body内に何かを表示するようなスクリプトの場合、実際に表示する位置に記入します。タグ内にタグの中にイベントを組み込んで、そこに直接JavaScriptを記入できます。 関数を呼び出したり、簡単なスクリプトを記入します。外部ファイルに複数のWebページ内で同じ処理を行いたい場合は、 外部ファイルにスクリプトを書いて、それを各ページが読み込むようにします。
ありがとうございます!ご丁寧な解説、ためになりました・・・><!スクリプトの用途にあわせて、直接書いたり外部にしたりしていけばいいんですね。
必要の有無で分ける。
真っ先に処理するためにhead内に書く必要のあるものと、headに書いてもどうせ画面の要素ロード完了を待って処理するものとがあって、前者は当然そこにおかなきゃ動かないし、後者はページの最後の方で読む方が良い。
なぜならば全部headで読むと画面の表示始まるまでに時間がかかるから、体感速度あげるための対策ってことだったと思うんだけど。
補足です。ttp://sitespeed.blog24.fc2.com/blog-entry-5.html
ありがとうございます!
> なぜならば全部headで読むと画面の表示始まるまでに時間がかかるから、> 体感速度あげるための対策ってことだったと思うんだけど。
目的を書いていませんでした、すみません。まさに、速度を上げるため(下げないため)に</body>のすぐ前に書けと言われておりました><。
実際色々なサイトを見ても、測定系のタグしか</body>の前に無いようで、基礎がないので判断できかねておりました。状況に応じて、使い分けていきたいと思います!!
補足のリンク先も大変ためになりました。これで自信を持って、取り組んでいけます。ありがとうございました!
みんなの回答 2 件
ヘッダー内に
HTMLのヘッダーに記入します。 ここに書いたスクリプトは、body部分より前に読み込まれます。 関数(処理を1まとめにしたもの)などはここに記入します。
body内に
何かを表示するようなスクリプトの場合、実際に表示する位置に記入します。
タグ内に
タグの中にイベントを組み込んで、そこに直接JavaScriptを記入できます。 関数を呼び出したり、簡単なスクリプトを記入します。
外部ファイルに
複数のWebページ内で同じ処理を行いたい場合は、 外部ファイルにスクリプトを書いて、それを各ページが読み込むようにします。
必要の有無で分ける。
真っ先に処理するためにhead内に書く必要のあるものと、headに書いてもどうせ画面の要素ロード完了を待って処理するものとがあって、前者は当然そこにおかなきゃ動かないし、後者はページの最後の方で読む方が良い。
なぜならば全部headで読むと画面の表示始まるまでに時間がかかるから、体感速度あげるための対策ってことだったと思うんだけど。
関連するトピックス