Javascript を HTML ドキュメントに埋め込むいくつかの方法について読みました。まず、head セクションで:
<head>
...
<script src="abc.js"></script>
</head>
次に、ドキュメントの本文の最後に:
<body>
<!-- content -->
<script src="abc.js"></script>
</body>
最初の方法はより美的ですが、2 番目の方法では DOM 内のすべての項目が確実に読み込まれます。私は HTML5 を使用しています (しかし、おそらくそれは問題ではありません)。
どちらの方法が優れていて、その理由は?
スクリプトの機能がいつ必要になるかによって異なります。ページのロード前など。あなたの例の 2 番目のものは、ページ コンテンツの読み込みを許可するため、より適切で安全です。スクリプトのエラーにより、body の前のケースでこれが発生しない場合があります。
ページの読み込み時に実行されると想定されていない単なる関数のライブラリである場合は、安全に head に入れることができます。abc.jsそれ以外の場合は、コードをwindow.onloadorでラップして$(document).ready();から、頭に埋め込む必要があります
ページを完全にロードする必要があるかどうかは、スクリプトをいつ実行する必要があるかによって大きく異なります。それを head に入れて、onloadイベントで関数を実行することができます。