ホームページ > ウェブフロントエンド > jsチュートリアル > headにJSコードを配置するスキルとbody_javascriptスキルの違いを分析する

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

WBOY
リリース: 2016-05-16 17:58:51
オリジナル
1227 人が閲覧しました

それで、違いは何ですか?まず例を見てみましょう:
第 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 のみを取得できます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート