在for循环中同步加载多个CSS文件 - 等待文件完全加载，加载下一个等等

Question

我有一个加载多个CSS文件的函数

function loadCSS(stylesheets) 
{ 
  for( i = 0; i < stylesheets.length; i++ )
  {
      var stylesheetEl = document.createElement("link");
          stylesheetEl.rel   = "stylesheet";
          stylesheetEl.type  = "text/css";
          stylesheetEl.href  = stylesheets[i];

      document.head.appendChild(stylesheetEl);
  }
} 

但由于它们没有同步加载，因此无法判断它们何时全部加载。

那么如何加载一个文件，等待所有CSS完全加载，转到下一个文件等？

Answer 1

创建这些元素时，您必须绑定一个事件，以便在加载CSS时监听事件，然后再加载另一个事件。我打算发布一个例子，但我发现了一篇很好的文章解释了所有的内部工作。请看一下这个article