1

私はグーグルマップのAPIドキュメントを読んでいて、APIの非同期読み込みを説明する段落に出くわしました。APIドキュメントはここにあります

例として、次のようなスクリプトが表示されました。

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE&callback=initialize";
  document.body.appendChild(script);
}

window.onload = loadScript;

このコードと、単純にスクリプト呼び出しをhtmlマークアップの最後まで追加することの違いは何ですか？このような：

        <!-- rest of the markup -->

        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE&callback=initialize"></script>
    </body>
</html>
4

1 に答える 1

1

通常、DOMがロードされた後にJSスクリプトを実行する必要がありますが、このイベントは、HTMLの読み取り/解析時に必ずしも発生するわけではありません。IE HTMLを読み取ってから、JSがトラバースする必要のあるDOMを構築するまでには時間がかかります。

于 2013-03-14T19:05:36.173 に答える