如何在纯JS中加载多个本地文件

// 定义要加载的本地文件路径数组
var fileUrls = [
  'file1.js',
  'file2.js',
  'file3.css',
  'file4.html'
];

// 定义一个计数器，用于记录已加载的文件数量
var loadedCount = 0;

// 定义一个回调函数，处理加载完成的文件内容
function handleFileContent(content) {
  // 在这里可以根据需要将文件内容插入到HTML页面中，或者进行其他操作
  console.log(content);

  // 增加已加载文件数量
  loadedCount++;

  // 判断是否所有文件都已加载完成
  if (loadedCount === fileUrls.length) {
    console.log('所有文件加载完成');
  }
}

// 遍历文件路径数组，逐个加载文件
fileUrls.forEach(function(url) {
  // 发送HTTP请求，获取文件内容
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 文件加载完成，调用回调函数处理文件内容
      handleFileContent(xhr.responseText);
    }
  };
  xhr.send();
});