如何動態加載 javascript 並緩存 html

Question

當我嘗試動態加載腳本時，我的問題是異步的

當我嘗試使用 XMLHttpRequest 獲取數據時，它是同步的，但它沒有在瀏覽器級別緩存。

var jsElm = document.createElement("script"); //getting data async
    jsElm.type = "application/javascript";
    jsElm.src = file;
    document.body.appendChild(jsElm);


var xmlhttp=new XMLHttpRequest();//getting data sync but not cached
xmlhttp.send();

我想知道如何加載同步和下次從緩存加載的腳本。

Answer 1

如果您想動態加載腳本並確保在使用之前加載它，您可以通過一些技巧同步加載它： https://stackoverflow.com/a/57915593/12031739

document.write的使用通常是不受歡迎的。

正如我在該帖子的答案中提到的那樣，它並不理想，但它可以完成工作。

<script>
document.write(`<script src="${file}"><\/script>`);
</script>

該文件應根據文件和瀏覽器的緩存指令進行緩存。