Javascript 有没有办法知道外部CSS何时进入<;头>;已应用,但不等待加载图像
Javascript 有没有办法知道外部CSS何时进入<;头>;已应用,但不等待加载图像,javascript,onload,Javascript,Onload,$(document).ready() window.onload等待 DOMContentLoaded不等待外部CSS 还有其他解决办法吗?我错过什么了吗 它应该是跨浏览器的(至少是主要浏览器)。当然,我不是在询问Dynamicly加载的样式表。在某些情况下,DOMContentLoaded事件可能就是您要查找的事件: window.addEventListener('DOMContentLoaded', func, false); 您需要将外部样式表放在头部,将外部javascript放
$(document).ready()
window.onload
等待
DOMContentLoaded
不等待外部CSS
还有其他解决办法吗?我错过什么了吗
它应该是跨浏览器的(至少是主要浏览器)。当然,我不是在询问Dynamicly加载的样式表。在某些情况下,DOMContentLoaded事件可能就是您要查找的事件:
window.addEventListener('DOMContentLoaded', func, false);
您需要将外部样式表放在头部,将外部javascript放在页脚,这样在应用样式之前不会触发此事件,而是在应用样式之后立即触发
请参阅:和以供参考
此外,它在IEI上也不起作用。我以为CSS是实时应用的…?
document.styleSheets[0]。onload
MDN提供了一个解决方案。我唯一的疑问是是否存在其他解决方案,因为我知道浏览器会在加载头部样式表之前阻止渲染。我不能100%确定加载事件是否真的会在加载头部样式表之前发生。@adeneo这可能就是为什么这个问题仍然没有答案的原因。但是您的样式表.onload
解决方案可能是其中之一: