当前位置: 首页 > 面试题库 >

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

韦寒
2023-03-14
问题内容

我想通过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("html" target="_blank">css injected!");
}, {
  media: "print"
}, 5000);

您甚至可以先让YepNope加载初始CSS文件,然后在它们完成加载后,YepNope可以触发回调以执行其他任务,例如加载更多JS或CSS文件。



 类似资料:
  • 问题内容: 我有一个使用以下功能的功能: 创建链接元素并设置href = cssFile。 将链接元素插入head标签中。 创建一个div元素。 使用setAttribute设置类名称 身体上的div。 现在使用获取CSS规则值。 现在正在返回默认值,如果我在调用之前使用Firebug 等待 断点,则它将从注入的CSS返回CSS规则。 问候, 穆尼姆 问题答案: 这实际上是我所做的。 为了确保加载

  • 问题内容: 如何使用Java和iText检查PDF文件中使用的所有字体是否已嵌入文件中?我有一些现有的PDF文档,并且我想确认它们 仅 使用嵌入式字体。 这将需要检查是否未使用PDF标准字体,并且是否将其他使用的字体嵌入文件中。 问题答案: 看一下iText in Action中的ListUsedFonts示例。 http://itextpdf.com/examples/iia.php?id=28

  • 问题内容: 我试图找到一种聪明的方法来找出传递给sed的文件是否已成功更改。 基本上,我想知道文件是否已更改,而不必查看文件修改日期。 我之所以需要这样做,是因为如果sed成功替换了模式,我需要做一些额外的事情。 我目前有: 上面的代码有点贵,我希望能够在这里使用一些技巧。 问题答案: 您可以改用: ” 我忽略了该功能:您可以根据需要使用Shell做重定向。 叹。下面有许多评论要求提供有关shel

  • 问题内容: 加载JavaScript文件时是否会触发事件?由于YSlow建议将JavaScript文件移动到页面底部,因此出现了问题。这意味着 在加载包含其代码的js文件之前会触发该事件。 如何避免这种情况? 问题答案: 我没有方便的参考,但是脚本标记是按顺序处理的,因此,如果将脚本标记放在定义function1等的脚本标记之后,则应该可以。 当然,另一种方法是通过在构建过程中合并文件来确保总共只

  • 问题内容: 我的webapp允许用户上传jar文件。但是,将jar文件上传后,它已损坏。我已经通过比较md5校验和(winmd5free)对此进行了验证。 上传的jar文件看起来“正常”和“正确” 与原始文件相比,文件大小看起来不错(在KB级别) 我可以使用7z打开上载的jar文件并查看其内容(资源和类文件),并且与原始文件相比,一切都相同 当我打开上载的jar文件(使用Notepad ++)时,

  • 问题内容: 是否可以使用Javascript将CSS样式表导入html页面?如果是这样,怎么办? 附言:JavaScript将托管在我的网站上,但我希望用户能够放入其网站的标签,并且它应该能够将托管在我的服务器上的CSS文件导入当前网页。(css文件和javascript文件都将托管在我的服务器上)。 问题答案: 这是这样做的“老派”方法,希望可以在所有浏览器上使用。从理论上讲,不幸的是,您将使用