JavaScript コードの場所: 1. これを「
」タグ ペアに配置して、スクリプトを使用する前に JS コードがロードされていることを確認します。2 . 「」タグ内に配置すると中央揃えになります; 3. 「.js」の外部ファイル内に配置し、scriptタグで導入します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript コードをどこに配置するか?
通常、JavaScript コードは HTML コードとともに使用され、JavaScript コードは HTML ドキュメント内のどこにでも配置できます。ただし、以下で詳しく説明するように、配置場所は JavaScript コードの通常の実行に一定の影響を与えます。
の間に配置
#HTML ドキュメント時間の タグの間に JavaScript コードを配置します。は一般的な習慣です。 HTML ドキュメントはブラウザによって上から下にロードされるため、 タグの間に JavaScript コードを配置すると、スクリプトを使用する前にコードが確実にロードされるようになります。<html> <head> <script type="text/javascript"> …… JavaScript 代码 …… </script> </head> ....
の間に配置 #の間にJavaScriptコードが配置される場合もあります。次の状況を想像してください。HTML 要素を操作する必要がある JavaScript コードがあります。ただし、HTML ドキュメントはブラウザによって上から下に順番に読み込まれるため、HTML 要素が読み込まれる前に JavaScript コードが HTML 要素を操作してエラー (オブジェクトが存在しない) を報告するのを防ぐために、このコードには
<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="测试文字";
</script>
</html>ただし、通常、ページ要素に対する操作はイベントによって駆動されるため、上記の状況はまれです。また、 の外に JavaScript コードを記述することはお勧めしません。
ヒントHTML ドキュメントが XHTML として宣言されている場合、<script></script> タグを CDATA セクション内で宣言する必要があります。そうでない場合、XHTML はConvert
<html> <head> <script type="text/javascript"> <![CDATA[ JavaScript 代码 ]]> </script> </head> ....
JavaScript コードを HTML ドキュメントに記述する上記の 2 つの方法は、HTML ドキュメント内の JavaScript コードを参照する方法です。内部基準に加えて、外部基準も使用できます。
外部参照 JavaScript コード (拡張子「.js」の外部ファイルに配置)JavaScript コードを置き換えます (
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
