[解決済み] Jqueryのコードはヘッダーとフッターのどちらに入れるべきですか？
2022-04-20 13:14:21
質問
Jqueryのコード（または別のJqueryファイル）を置くのに最適な場所はどこですか？ フッターに置くとページの読み込みが速くなるのでしょうか？
どのように解決するのですか？
すべてのスクリプトを最後にロードする必要があります。
あらゆる場合において、すべてのスクリプトの参照はページの最後、つまり
</body>
.
テンプレートの問題などでそれができない場合は、scriptタグを
defer
属性を使用すると、ブラウザは HTML がダウンロードされた後にスクリプトをダウンロードすることを認識します。
<script src="my.js" type="text/javascript" defer="defer"></script>
エッジケース
しかし、エッジケースとして、ページロード時にページのちらつきやその他のアーティファクトが発生する場合があります。
<head>
タグ
なし
その
defer
属性で指定します。このようなケースには、jQuery UI や、機能の一部として DOM を変更する jCarousel や Treeview のようなアドオンが含まれます。
その他の注意事項
ポリフィルなど、DOMやCSSより先に読み込む必要があるライブラリがあります。Modernizr は、そのようなライブラリの 1 つで は、headタグ内に配置する必要があります。 .
関連
-
[解決済み] JavaScript - 二重引用符のエスケープ
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには？
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか？
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか？
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか？
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか？
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか？
-
[解決済み】iPad版SafariでjQueryを使ってタッチイベントを認識させる方法は？可能でしょうか？
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み] Select <a> which href ends with some string
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] ドロップダウンのアイテムの選択値をjQueryで取得する
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか？
-
[解決済み】HTMLファイルのどこにJavaScriptを配置するか？