ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript コードを配置する場所
JavaScript コードを配置する場所
- 青灯夜游オリジナル
- 2021-06-11 17:57:074816ブラウズ
JavaScript コードの場所: 1. これを「93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1」タグ ペアに配置して、スクリプトを使用する前に JS コードがロードされていることを確認します。2 . 「6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956」タグ内に配置すると中央揃えになります; 3. 「.js」の外部ファイル内に配置し、scriptタグで導入します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript コードをどこに配置するか?
通常、JavaScript コードは HTML コードとともに使用され、JavaScript コードは HTML ドキュメント内のどこにでも配置できます。ただし、以下で詳しく説明するように、配置場所は JavaScript コードの通常の実行に一定の影響を与えます。
93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1の間に配置
#HTML ドキュメント時間の 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 タグの間に JavaScript コードを配置します。は一般的な習慣です。 HTML ドキュメントはブラウザによって上から下にロードされるため、93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 タグの間に JavaScript コードを配置すると、スクリプトを使用する前にコードが確実にロードされるようになります。<html> <head> <script type="text/javascript"> …… JavaScript 代码 …… </script> </head> ....
6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956の間に配置 #6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956の間に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>ただし、通常、ページ要素に対する操作はイベントによって駆動されるため、上記の状況はまれです。また、100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e の外に JavaScript コードを記述することはお勧めしません。
ヒントHTML ドキュメントが XHTML として宣言されている場合、3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 タグを CDATA セクション内で宣言する必要があります。そうでない場合、XHTML はConvert JavaScript コードを HTML ドキュメントに記述する上記の 2 つの方法は、HTML ドキュメント内の JavaScript コードを参照する方法です。内部基準に加えて、外部基準も使用できます。 JavaScript コードを置き換えます (3f1c4e4b6b16bbbd69b2ee476dc4f83a 外部参照 JavaScript コードを使用した後のメリットは明白です: 1. JavaScript コード 2 では をご覧ください。 ！ 以上がJavaScript コードを配置する場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。<html>
<head>
<script type="text/javascript">
<![CDATA[
JavaScript 代码
]]>
</script>
</head>
....
<html>
<head>
<script type="text/javascript" src="myscript.js"></script>
</head>
....
の使用を避けてください。醜い CDATA の使用を避ける3. パブリック JavaScript コードは他の HTML ドキュメントで再利用できるため、JavaScript コードの統一されたメンテナンスにも役立ちます#4. HTML ドキュメントが小さくなり、検索エンジンに組み込みやすくなります
5 .単一の JavaScript ファイルを圧縮および暗号化できます##6. ブラウザは JavaScript ファイルをキャッシュして、ブロードバンドの使用量を減らすことができます (複数のページが JavaScript ファイルを同時に使用する場合、通常は 1 回ダウンロードするだけで済みます)
7. HTML エンティティの複雑な使用法を避ける。たとえば、document.write(2f169928c585a7a5ee82037b2009cd0591) を直接使用できます。
JavaScript コードを外部ファイルに形成することも可能です。サーバー上の HTTP リクエストの負荷が増加します。これは、同時リクエストが非常に多い環境では良い戦略ではありません。また、外部 js ファイルを参照する場合は、ファイルの正しいパスに注意する必要があります。
プログラミング関連の知識について詳しくは、