ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript スクリプトはどこに表示されますか?

JavaScript スクリプトはどこに表示されますか?

藏色散人
藏色散人オリジナル
2021-07-03 09:44:543708ブラウズ

JavaScript スクリプトは 2 つの場所に記述できます: 1. HTML 本文部分では、ページがロードされるときにこの場所にある js が実行されます; 2. HTML ヘッド部分では、この場所にある js が実行されますlocation js は呼び出されると実行されます。

JavaScript スクリプトはどこに表示されますか?

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

HTML 内の JS スクリプトの場所

JavaScript スクリプトを配置する場所?

HTML 本文部分の JavaScript は、ページが読み込まれるときに読み込まれます。ロードされて実行されます。

HTML ヘッド セクション内の JavaScript は、呼び出されると実行されます。

——————————————————————————————

JavaScript はどこに置くべきか配置

ページ内の JavaScript は、ブラウザがページを読み込むとすぐに実行されます。常にそうである必要はありません。ページが読み込まれるときにスクリプトを実行したい場合もあります。イベントがトリガーされたときにユーザーがスクリプトを実行するときにスクリプトを実行したい場合があります。

ヘッド セクションのスクリプト: 実行するために呼び出す必要があるスクリプト、またはイベントによってトリガーされるスクリプトは、HTML のヘッド セクションに配置されます。 head セクションにスクリプトを配置すると、呼び出しが行われる前にスクリプトがロードされるようになります。

<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>

本文セクションのスクリプト: ページのロード時に実行されるスクリプトは、HTML の本文セクションに配置されます。本文セクションに配置されたスクリプトは、通常、ページのコンテンツを生成するために使用されます。

<html>
<head>
</head>
<body>
<script type=”text/javascript”>
….
</script>
</body>

本体部分とヘッド部分に同時にスクリプトを含めることができます。ファイルには無数のスクリプトを含めることができるため、ファイルの本体部分とヘッド部分の両方にスクリプトを含めることができます。

<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>


——————————————————————————————–

外部スクリプトの使用

各ページでコードを繰り返し記述せずに、複数のページで同じスクリプトを実行したい場合があります。この場合、外部スクリプトを使用する必要があります。スクリプトを外部ファイルに記述し、.js 拡張子を付けて保存できます。

注: 外部スクリプト ファイルにはタグ 3f1c4e4b6b16bbbd69b2ee476dc4f83a を含めないでください!

外部スクリプトを使用する場合は、タグ 3f1c4e4b6b16bbbd69b2ee476dc4f83a を置き換えてください。 script> 「src」属性値を対応する .js ファイルに指定するだけです:

<html>
<head>
<script src=”xxx.js”></script>
</head>
<body>
</body>
</html>

推奨学習: 「javascript Advanced Tutorial

以上がJavaScript スクリプトはどこに表示されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。