ホームページ  >  記事  >  ウェブフロントエンド  >  bodyにJavaScriptを記述できますか?

bodyにJavaScriptを記述できますか?

青灯夜游
青灯夜游オリジナル
2021-07-19 13:55:375892ブラウズ

body内にJavaScriptを記述できます。 scriptタグを介して「」タグのペアにJavaScriptコードを記述すると、ブラウザがWebページのBody部分を読み込むと、その中のJavaScript文が実行され、実行後の出力内容がWebページに表示されます。

bodyにJavaScriptを記述できますか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript の配置場所:

  • Html Web ページ6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956;

  • Html Web ページの 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1;

##Javascript は、ブラウザの読み込み時に 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956

に記述されますWeb ページの Body 部分を読み込むと、その中の Javascript ステートメントが実行され、実行後の出力内容が Web ページ上に表示されます。

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

JavaScript は 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1

HTML がロードされた直後に Javascript を実行する必要がない場合もありますが、ユーザーがクリックする HTML 内のオブジェクトがイベントをトリガーするときは、JavaScript を呼び出す必要があります。このとき、JavaScript は通常、HTML の に配置されます。

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

JavaScript は 6c04bd5ca3fcae76e30b72ad730ca86dの後に書かれます

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

body、head、body の後に書かれた JS コードの違い

コンピュータはcode 順番は上から下へ読み込まれます。html ファイル内での順序は 93f0f5c25f18dab9d176bd4f6de5d30e→6c04bd5ca3fcae76e30b72ad730ca86d→behind body


1 です。93f0f5c25f18dab9d176bd4f6de5d30e には JavaScript コードが記述されています。 :

この時点では Web ページの本体がまだ読み込まれていないため、すぐに実行されないカスタム関数をいくつか置くのが適しています。すぐに実行されるステートメントはエラーを引き起こす可能性があります (内容によって異なります)。ブラウザ)

2. JavaScript コードは 6c04bd5ca3fcae76e30b72ad730ca86d に書かれています:

すぐに実行する関数やステートメントをここに置くことができますが、Web ページ要素と対話する必要がある場合は (特定のタグの値を取得する、特定のタグを割り当てるなど)場合、JavaScript コードはタグ

#3 の後ろにある必要があります。JavaScript コードは 6c04bd5ca3fcae76e30b72ad730ca86d:

## の下に記述されます。 #この時点ではWebページ全体が読み込まれているので、ここに置くのが最適です すぐに実行する必要があるコマンドやカスタム関数などは不向きです。

[推奨学習:

JavaScript 上級チュートリアル

]

以上がbodyにJavaScriptを記述できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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