headにJSコードを配置するスキルとbody_javascriptスキルの違いを分析する

それで、違いは何ですか？まず例を見てみましょう:
第 1 レベルのカテゴリ (つまり、大きなカテゴリ) id="vSort0" を持つ 2 レベルのカスケード動的ドロップダウン リスト ボックス。

コードをコピー コードは次のとおりです:

function changelocation(id)
{………… }

...省略...
………………

これで js スクリプトが作成されました:

コードをコピー コードは次のとおりです:

したがって、この js スクリプトは頭か体か？
答えは、本文に配置するだけでなく、id='vSort0' が定義されたリスト ボックスの後ろにも配置することです。これは、この JS スクリプトに document.form4.vSort0.selectedIndex が配置されているためです。 head または body id='vSort0' より前では、ページがロードされた後にコードが順次実行されます。js が実行されると、vSort0 が未定義 (つまり undefind) であることがわかり、js はその機能を失います。
なぜこれほど多くの人が頭に JS スクリプトを組み込んでいるのをよく見かけるのでしょうか?右！
これは、head に表示されている js コードに、関数に変数を渡す onclick やその他のイベントがあるためです。
これは、グローバル オブジェクトを定義したい場合、このオブジェクトがページ上のボタン (など) に関連している場合、そのオブジェクトを本文に含める必要があることを示しています。その理由は明白です。 head 、ページが head 部分をロードするとき、ボタン (など) はまだ定義されていません (ロードされていないとも言えます。ロードプロセスは、コードを含むコードを実行するプロセスであるためです)。定義) を取得すると、undefind のみを取得できます。