Javascript 檢查本地腳本是否存在

Question

假設我有一個可能並不總是存在的腳本，如果它不存在，我如何確保不調用？

HTML 部分

 <script src="js/model.js"></script> <script src="js/view.js"></script> <script src="js/controller.js"></script> <script src="js/script.js"></script>

(function(model, view, script){
"use strict";
     document.addEventListener('loadata', function (e) {
         script.loadData(e.detail);
 });

Controller.js 部分

如果腳本不存在，如何阻止 Controller 使用該腳本？

我如何從 HTML 文件中刪除它？

編輯：我還從 Controller 對腳本中的函數進行了 1 或 2 次調用

Answer 1

解決方案1

您可以在 script.js 中添加一個標志（在全局范圍內）

var myCustomFlag = true;

在控制器中，您可以檢查它是否已運行：

if (window.myCustomFlag == true) {
//stop your controller etc
}

解決方案2

您可以使用 querySelectorAll 檢查標簽是否存在

在你的控制器中

var scriptIsLoaded = document.querySelectorAll("script[src='js/script.js']").length > 0;
if (scriptIsLoaded ){
 //stop your controller etc
}