Web ページでは、HTML ファイル内のどこにでも JavaScript コードを配置できますが、通常は head タグまたは body タグの中に配置されます。 一般に、 要素が配置される場所は、その機能と密接に関連しています。</p> <p><span style="color: #0000ff">1. </span><br> に配置します。 </p> <p><script> 要素は、ブラウザが最初に読み取れるように、先頭に配置されます。<script> 要素は、Web ページ全体が最初に解析されるときにロードされて実行されます。 </p> <title> 要素のみ。 <br> <p>次に、レンダリングを下方向に解析します。 <br> </p> <p>応用例: 例えばページ表示初期化用のjsをheadに配置する必要があります。 <br> </p> <p><span style="color: #0000ff">2. </span></p> セクションに配置します。 <p>ブラウザはページタグを順番に解析し、JavaScript コードを読み取るときにステートメントを実行します。 <br> </p> <p>ただし、一部の JS 関数はイベントを通じて呼び出されるため、ページ上のどこに配置しても有効になる時間には影響しません。したがって、フロントエンドのパフォーマンスの問題を考慮した後、実行されない関数を配置できます。最初にイベント呼び出しの JS コードが本文の下部に配置されます。 <br> </p> <p style="text-align: center"><img alt="" src="http://files.jb51.net/file_images/article/201601/2016011511040325.jpg"></p> <p><strong>書いて見てください: </strong><br> </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <!DOCTYPE HTML> <html> <head> <title>JS代码的位置</title> <script type="text/javascript"> document.write("I'M HEAD javascript"); document.write("I'M body javascript");