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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何检查是否已下载所有CSS文件以使用JavaScript插入HTML？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含726字，纯文字阅读大概需要2分钟。

内容图文

我想通过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文件.

内容总结

以上是互联网集市为您收集整理的如何检查是否已下载所有CSS文件以使用JavaScript插入HTML？全部内容，希望文章能够帮你解决如何检查是否已下载所有CSS文件以使用JavaScript插入HTML？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/742800.html

来源：【匿名】