有條件地導入腳本文件

Question

在標簽中，我想有條件地導入一些標簽，具體取決於 url 中是否設置了參數。

目前我有：

 function getURLValues(name) { var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results == null) { return null; } else { return results[1] || 0; } } if ((getURLValues('dev') == "true")) { < script src = "localhost:4200/gamefiles/TitleCard.js" > < /script> } else { < script src = "TitleCard.js" > < /script> }

但我不確定如何甚至可能打印出腳本標簽。

Answer 1

您需要使用document.createElement()和document.body.append()來包含腳本。 請注意，腳本將在正文中的所有內容加載后開始運行。

var newScript = document.createElement("script")
if ((getURLValues('dev') == "true")) {
  newScript.src = "localhost:4200/gamefiles/TitleCard.js"
} else {
  newScript.src = "TitleCard.js"
}
document.body.append(newScript);

要一次添加多個腳本，可以使用element.insertAdjacentHTML(); 如果您需要，還有三元組：

document.body.insertAdjacentHTML("afterbegin", "<script src='" + (getURLValues('dev') == "true" ? "localhost:4200/gamefiles/TitleCard.js" : "TitleCard.js") + "'></script><script src='" + condition ? "script1.js" : "script2.js" + "'></script>");

我為 position 使用了"afterbegin" 。 查看更多選項