javascript - 有没有办法知道 <head> 内的外部 CSS 何时被应用,而不是等待图像加载

标签 javascript onload

$(文档).ready() does not guarantee that

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

DOMContentLoaded 不等待外部 CSS

还有其他解决办法吗?我错过了什么吗?

它应该是跨浏览器的(至少是主流浏览器)。当然,我不是在问动态加载的样式表。

最佳答案

在某些情况下,DOMContentLoaded 事件可能就是您要查找的事件:

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

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

参见:http://molily.de/weblog/domcontentloadedhttp://ablogaboutcode.com/2011/06/14/how-javascript-loading-works-domcontentloaded-and-onload/供引用。

此外,它不适用于 IE<9(当然)。

关于javascript - 有没有办法知道 <head> 内的外部 CSS 何时被应用,而不是等待图像加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15795980/

相关文章:

javascript - 为什么 "onload"对 <circle> 元素不起作用?

javascript - HTML5 视频 ERR_CONTENT_LENGTH_MISMATCH

javascript - 使用链接多次选择文本

javascript - 在 React/Redux 中,如何在 componentDidMount 中调用相同的 fetch 两次,并使用结果设置 2 个状态变量

wpf - 如何在WPF MVVM中调用窗口的Loaded事件?

javascript - 如何在Javascript onload事件中实现回调

javascript - 如何检测 base-64 编码的网络字体的 "onload"?

javascript - 无法在CasperJS中运行测试框架

javascript - d3.js 更新带按钮的条形图工具提示

jquery - css 动画 onload jQuery 事件