如何知道页面是否在Javascript中加载了资源文件

如何知道资源文件是否由使用Javascript的页面加载

---

例如，某些.css、js或其他类型的文件？

使用jQuery.ready事件，这意味着所有页面都已设置，然后开始执行JavaScript逻辑

$(document).ready(function(){
   //your code
});

如果需要异步加载内容，则应使用JavaScript代码加载，如加载脚本示例所示：

$.getScript("http://.../some.js", function(){
  //script loaded and hooked on the page; your custom logic here
});

---

对于任何更复杂的问题，我建议使用一些依赖关系管理系统，如。

这取决于是否动态添加文件。我将解释JavaScript文件

使用以下代码加载外部文件：

var scriptElem = document.createElement('script');

scriptElem.onload = function() {alert('Script loaded.');}

scriptElem.src = 'test.js';

document.getElementsByTagName('head')[0].appendChild(scriptElem);

或者，如果您通过HTML添加它们，则可以使脚本文件反映已加载变量的事实。例如，在

test.js

中：

// ...rest of file...

window.testLoaded = true;

然后，您可以在页面上的任何位置检查

window.testload===true

对于CSS文件，您也可以使用第一种技术，但当然不是第二种。可以为类定义存根定义

。test

，然后使用该类创建元素，并检查它是否具有您在CSS文件中设置的特定样式