私のHTMLファイルにJavascript/jQueryファイルへのリンクはどこに置くのですか？

私は最近、javascriptとjQueryスクリプトのいくつか（全部ではない）が、.jsファイルのリンクをページの下部に近づけないと気付くことができませんでした。 .cssファイル。私のHTMLファイルにJavascript/jQueryファイルへのリンクはどこに置くのですか？

私が理解しているところでは、javascriptはいずれの場所にも置くことができ、ページの読み込みプロセスも遅くなるためヘッダーに入れないことをお勧めします。同時に、htmlファイルのbodyタグに入れると、やや乱雑に見えますし、.jsファイルをきれいに置くことがベストプラクティスであるのか疑問に思っていました。私はいつも終了のボディータグの直前に置くべきですか？プロのWeb開発者はどのようにこれを処理しますか？

出典

2011-01-01 Simon Suh

もしあなたがそれらを一番下に置かないとあなたのスクリプトがうまくいかなかったら、DOMがまだ準備されていないときに（おそらくdocument.writeを使ったときにDOMを操作し始めたかもしれませんが、）。これを解決するには、DOMの準備が整ったときにのみ処理を開始する必要があります。

http://www.stevesouders.com/blog/2010/12/15/controljs-part-1/
：スクリプトの位置は、私はあなたがクライアント側のパフォーマンスの第一人者からのもの3件の記事を読むことをお勧めパフォーマンスにどのような影響を与えるかについて
```
$(function() { 
    // DOM is ready here and you can safely manipulate it 
}); 
```
：jQueryを使って、あなたのような何かをする必要がありますhttp://www.stevesouders.com/blog/2010/12/15/controljs-part-2/
http://www.stevesouders.com/blog/2010/12/15/controljs-part-3/

非同期ロードおよび遅延実行は現在非常に熱い主題です。彼らはあなたがきちんとすべてを<head>で定義することができますが、どのようにロードされ、いつ実行されるかについては非常に具体的です。

出典

2011-01-01 23:53:05 cherouvim

おかげで、あなたはまだ最上部に配置されている間、私はjQueryのコードの作業をさせたコード。 DOMの読み込みに感謝してくれてありがとう、それは私が理解する必要があったものです。 –

私があなたに与えた構文は外見に見えるかもしれませんが、それは自己説明的な '$（document）.ready（function（）{...}）; – cherouvim