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

Question

$(document).ready() does not guarantee that

window.onload 等待all inline (I mean static) images

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 上运行(当然)。