Как динамически загружать 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();

Я хочу знать, как загрузить скрипт, который синхронизируется и в следующий раз загружается из кэша.

Answer 1

Если вы хотите динамически загрузить скрипт и убедиться, что он загружен перед его использованием, вы можете загрузить его синхронно с небольшим отрывом: https://stackoverflow.com/a/57915593/12031739

Использование document.write - этокак правило, нахмурился.

Как я уже упоминал в ответе на этот пост, он не идеален, но он выполнит свою работу. директивы кеша файла и браузера.