Web ページを作成する過程で、次のようなコードを記述することがよくあります:
[html]
サンプル HTML ページ javascript" src=" example1.js">
;head>
サンプル HTML ページ
type="text/ javascript" src="example2.js">
<--ここにコンテンツを入力します--> ;
慣例により、すべての <script> 要素はページの <head> 内に配置されます。注意: 参照される外部 js ファイルの数に関係なく、ブラウザはページ上に表示される <script> 要素の順序に従ってそれらのファイルを順番に解析します。つまり、最初の <script> 要素に含まれるコードが解析された後、2 番目の <script> 要素に含まれるコードが解析され、次に 3 番目と 4 番目の <BR> このアプローチの目的すべての外部ファイル (CSS ファイルや JavaScript ファイルを含む) への参照を同じ場所に配置することです。ただし、ドキュメントの <head> 要素にすべての JavaScript ファイルを含めるということは、ページのコンテンツのレンダリングを開始する前に、すべての JavaScript コードをダウンロード、解析、実行する必要があることを意味します (ブラウザは <head 要素に遭遇するまで待機します)。 ;body> タグのみがコンテンツの表示を開始します。大量の JavaScript コードを必要とするページの場合、これによりブラウザーでページのレンダリングに顕著な遅延が発生することは間違いなく、遅延中はブラウザー ウィンドウが空白になります。この問題を回避するために、最新の Web アプリケーションでは通常、以下に示すように、すべての JavaScript 参照をページのコンテンツの後の <body> 要素に配置します。 <BR>コードをコピー<BR><BR><BR> コードは次のとおりです:</script>
サンプル HTML ページ< ;/title>