JavaScriptをどこに置くか

2258 ワード

ページがロードされると、bodyセクションにあるJavaScriptが実行されます.
呼び出されると、headセクションにあるJavaScriptが実行されます.

≪インスタンス｜Instance｜emdw≫

ヘッド部
関数を含むスクリプトは、ドキュメントのheadセクションにあります.これにより、関数を呼び出す前にスクリプトがロードされていることを確認できます.
body部
bodyセクションにあるスクリプトを実行します.
外部JavaScript
外部スクリプトへのアクセス方法.

JavaScriptをどこに置くか

ページ内のスクリプトは、ページがブラウザにロードされた直後に実行されます.私たちはいつもそう望んでいない.ページの読み込み時にスクリプトを実行したい場合もありますが、ユーザーがイベントをトリガーしたときにスクリプトを実行したい場合もあります.

headセクションにあるスクリプト:

スクリプトが呼び出されるか、イベントがトリガーされるとスクリプトが実行されます.スクリプトをheadセクションに配置すると、スクリプトを使用する必要がある前に読み込まれていることを確認できます.

<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....

bodyセクションにあるスクリプト:

ページの読み込み時にスクリプトが実行されます.スクリプトをbodyセクションに配置すると、ページの内容が生成されます.

<html>
<head>
</head>

<body>
<script type="text/javascript">
....
</script>
</body>
</html>

bodyとheadセクションのスクリプト:

ドキュメントに任意の数のスクリプトを配置することができます.そのため、スクリプトをbodyに配置したり、head部分に配置したりすることができます.

<html>
<head>
<script type="text/javascript">
....
</script>
</head>

<body>
<script type="text/javascript">
....
</script>
</body>
</html>

外部JavaScriptの使用

いくつかのページでJavaScriptを実行し、各ページに同じスクリプトを書かない場合があります.
この目的を達成するために、JavaScriptを外部ファイルに書き込むことができます.それから.jsは接尾辞のためにこのファイルを保存します.
注意:外部ファイルにラベルを含めることはできません.
そしてjsファイルはラベルの「src」属性に指定され、この外部ファイルを使用できます.

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

ヒント:jsファイルは、通常、Webサイトのディレクトリにスクリプトが格納されているサブディレクトリに格納され、管理とメンテナンスが容易になります.

[BOJ 3163]完全探索2-落下アリ

ラムダ、ジェネレーター