JavaScript：如何檢查單個源中包含的多個庫是否已加載？

Question

當我的外部JavaScript庫（加載多個其他外部庫）與<script src="https://js.arcgis.com/4.8/"></script>沖突時，我遇到了multipleDefine錯誤。 我嘗試將Esri腳本移至代碼的最底部，而我的外部庫仍位於頂部，並且該加載程序需要一段時間才能正常工作。

有沒有一種方法可以讓我在開始加載Esri腳本之前檢查外部庫下的多個庫是否已加載？

注意：不需要立即加載Esri腳本，它可以根據需要延遲加載。

Answer 1

您可以使用load事件（確保所有external files都已加載），並在所有外部文件加載后動態添加Esri script 。

參見-https://javascript.info/onload-ondomcontentloaded

加載–不僅加載HTML，還加載所有外部資源：圖像，樣式等。

window.addEventListener('load', function() {
    const script = document.createElement('script');
    script.src = "https://js.arcgis.com/4.8/";
    document.querySelector('body').appendChild(script);
});