JavaScript_javascript スキルの実行順序に関する簡単な説明-jsチュートリアル-php.cn

JavaScript_javascript スキルの実行順序に関する簡単な説明

WBOY

リリース： 2016-05-16 15:46:29

オリジナル

1121 人が閲覧しました

最近のブラウザーは JavaScript を並行してダウンロードできますが (一部のブラウザー)、JavaScript の依存関係を考慮して、それらの実行は依然として導入された順序で実行されます。

この記事は、記憶を深め、後で見直すために整理して記録するために、JavaScript を学習中に本を読んで学んだことの一部を記録します。

HTML ドキュメントでの実行順序

jsコードの実行順序を比較したイメージで、ユーザーはこの実行順序を直感的に感じることができます。ただし、js コードの実行順序はさらに複雑です。 HTML で JS コードを記述することがありますが、ブラウザーで HTML ドキュメントを解析するプロセスは次のとおりです。ブラウザーはドキュメントフローに従って、ページの構造と情報を上から下に徐々に解析します。埋め込みスクリプトとして、js コードも html ドキュメントのコンポーネントとみなされます。そのため、読み込み中の js コードの実行順序も、スクリプトタグ <script> の出現順序に基づいて決定されます。 (下の栗) </script>

<!DOCTYPE html>
<script>
  console.log("顶部脚本");
</script>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    console.log("头部脚本");
  </script>
</head>
<body>
  <script>
    console.log("页面脚本");
  </script>
</body>
</html>
<script>
  console.log("底部脚本");
</script>

ログイン後にコピー

スクリプトタグ

著者別の最新記事