ご存知のとおり、 タグは、Web ページ上で実行する JavaScript を指定するために使用されます。 <script> タグには、JavaScript コードを直接含めることも、JavaScript の外部 URL を指すこともできます。 </p> <h3 id="script-"><script>タグは出現順に実行されます</h3> <p>次のコードはこれを直観的に示しています:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;"><script> var x = 3; alert(x); // Will alert '3'; ログイン後にコピー外部リンクを使用する場合、読み込み順序はありません。リソース 非常に直感的ですが、それでも真実です: ログイン後にコピー関連する学習の推奨事項: JavaScript ビデオ チュートリアル外部リンクとインライン リンクを混合する場合 JavaScript の場合、同じルールが適用されます。 これは、Web サイトにページの前半で読み込まれる遅いスクリプトがある場合、ページの読み込みが大幅に遅くなるということを意味します。これは、後でロードされたスクリプトが、以前にロードされたスクリプトに依存する可能性があることも意味します。 ページ要素は、それ以前のすべてのスクリプトが読み込まれるまでレンダリングされません。これは、Web ページが読み込まれる前に、それによって引き起こされるパフォーマンスの問題を気にしない限り、あらゆる種類のクレイジーな操作を Web ページ上で行うことができることを意味します。 ただし、このルールは、Web ページが読み込まれた後に document.appendChild などのメソッドを使用して DOM に タグを追加する場合には適用されません。これらのタグは、ブラウザーのリクエスト処理が完了した順序でスクリプトを実行しますが、読み込み順序は保証されません。 </p><h3 id="-script-html-"><script> タグが実行されると、その前の HTML 要素にアクセスできます (ただし、その後の要素はまだ利用できません) </h3><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;"><html> <head> <script> // document.head is available // document.body is not! // document.head is available // document.body is available