javascript - 有没有办法知道何时应用了内部的外部 CSS，而不是等待图像加载

Question

$(document).ready() 不保证

window.onload等待所有内联（我的意思是静态）图像

DOMContentLoaded不等待外部 CSS

还有其他解决方案吗？我错过了什么吗？

它应该是跨浏览器（至少是主流浏览器）。当然，我不是在询问动态加载的样式表。

Answer 1

在某些情况下，DOMContentLoaded 事件可能是您要查找的事件：

 window.addEventListener('DOMContentLoaded', func, false);

您需要将外部样式表放在头部，将外部 javascript 放在页脚中，因此在应用样式之前不会触发此事件，而是在应用样式之后立即触发。

请参阅： http: //molily.de/weblog/domcontentloaded和http://ablogaboutcode.com/2011/06/14/how-javascript-loading-works-domcontentloaded-and-onload/以供参考。

此外，它不适用于 IE<9（当然）。