私のプロジェクトでは、すべてのページで使用される関数が多数あるため、これらを単一の JavaScript ファイルに入れcommon.js、フッター テンプレートに含めました。私の質問は、ページ固有の JavaScript を処理する最良の方法は何ですか?
たとえば、私のページの 1 つに Google マップがあります。ID が map_canvas の要素がないページでマップ js コードを実行すると、エラーが発生します。
方法 1:map.jsマップ ページにいる場合にのみ要求する追加のスクリプト タグをエコーする PHP を記述できます。
方法 2:<body>マップ ページに「map_page」という ID を指定し、次common.jsの行に沿って条件句を記述します。
if (#map_page exists){
put contents of map.js here
}
方法 1 の問題点は、サーバーへの要求の数が増えることです。方法 2 の問題は、一般的な JavaScript ファイルが肥大化することです。
これを行うための好ましい方法がある場合、またはどちらも適していない場合は、代わりに何をすべきか、誰かが説明できますか?
処理するページ固有の JavaScript ファイルが約 10 個あります。
ありがとう