如何动态加载JavaScript并将其缓存为html

Question

当我尝试动态加载脚本时，我的问题正在变得异步当我们尝试使用html正文中的函数时会导致问题

[当我尝试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();
我想知道如何加载同步的脚本以及下次从缓存加载的脚本。

当我尝试动态加载脚本时，我的问题正在变得异步，当我尝试使用XMLHttpRequest来获取数据时，当我们尝试使用html正文中的函数时，会引起问题...

Answer 1

如果要动态加载脚本并确保在使用脚本之前已将其加载，则可以通过一点技巧同步加载它：https://stackoverflow.com/a/57915593/12031739