JavaScript ファイルを HTML の下部に配置する理由

HTML ファイルの一番下に JavaScript ファイルを配置しているのは、ブラウザが JS ファイルを読み込んだ後に実行するためであり、このとき、JS 内で DOM に対する操作があった場合、 DOM がまだ読み込まれていないとエラーが発生しますし、ページ表示には JS はあまり役に立たないので、CSS を先に読み込んでページを早く表示する必要があります。

この問題については 2 つの考慮事項があります。

• 外部ロードされたものである場合js、つまりsrc経由で読み込まれた外部jsです。このようにして呼び出されたjsが一番下に配置されているのは、ブラウザがWebページを上から下にレンダリングするためです。ページはユーザーが見て直感的に感じられるものであり、とjsコード ユーザーからは見えない「裏方」に属するもの 「裏方」を一番下に置くと、ユーザーに見えるページの読み込みが早くなり、ユーザーが感じやすくなりますページがすぐに開くため、ページの効率が向上します。ユーザー エクスペリエンスが向上します。

• js は通常、ページの DOM を操作するために使用されます。ブラウザーの上から下への読み込みメカニズムに基づいて、js コードがページの上部に配置される場合、操作される可能性のある DOM ノード。ロードが完了する前に、JS が DOM 上で動作するため、明らかにエラーが発生します。ページの下部に配置する方が安全です。

主な考慮事項は最初の考慮事項です。2 番目の考慮事項は、DOM ツリーのレンダリングと JS の実行を 100% 確実に行うためです。基本的に、負荷検出は次のとおりです。使用済み。

推奨チュートリアル: 「JS チュートリアル 」

以上がJavaScript ファイルを HTML の下部に配置する理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。