如何检查是否已下载所有CSS文件以使用JavaScript插入HTML？

我想通过JS动态插入一些HTML内容和一些CSS URL.

我有3个CSS文件.我希望在我的内容插入页面之前下载它们.

有没有办法找出上面提到的文件是否已下载？

这是它应该如何工作：

>下载css文件;
>下载完所有css文件后显示HTML;
>插入HTML后开始加载JS文件;
>加载完所有JS文件后触发回调;

解决方法:

您可以使用YepNope.js,Yepnope允许您构建异步条件测试以查看资源是否已加载.一旦你的测试通过,你可以告诉它注入新的CSS或JS文件.

以下示例取自Yepnope.js站点.

yepnope.injectCss( stylesheetSource [, callback ] [, elemAttributes ] [, timeout ]);

// Example
yepnope.injectCss("print.css", function () {
  console.log("css injected!");
}, {
  media: "print"
}, 5000);

您甚至可以让Yepnope首先加载初始CSS文件,然后一旦加载完成,Yepnope就可以触发回调来执行其他任务,例如加载更多JS或CSS文件.