[英]Load Multiple Scripts After Page Has Loaded?
我在 HTML 中使用以下代碼在頁面加載后加載 JS 文件。(DOMContentLoaded)
<script> document.addEventListener('DOMContentLoaded', function() { var script = document.createElement('script'); script.src = 'https://ajax.as.netcdn.com/ajax/jquery/jquery-1.12.4.min.js'; document.getElementsByTagName('body')[0].appendChild(script); }); </script>
但是我有幾個腳本要加載,我不知道如何以最好的方式做到這一點。 例如,我有以下要鏈接的文件。
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.12.4.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/4.0.0/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
任何幫助將不勝感激。
如果您預先知道腳本名稱,則可以定義一個數組,例如:
var scripts = ["script1.js", "anotherscript.js", "whatever.js"];
然后遍歷它,對於每個腳本,你可以像以前一樣 append
var scriptName;
for (scriptName in scripts) {
// create the script and set the src = scriptName as before
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.