javascript - 检测何时应用 css

Question

我正在构建一个基于 AJAX 的网站，所有网站内容都通过 AJAX 加载。

一些页面具有随内容一起加载的 CSS(代码如下)。加载 HTML 和 CSS 后，我运行一些脚本来更改一些图像位置、改变宽度等。

问题是有时我的 javascript 在 应用 CSS 规则之前执行。例如:如果根据 css 我的 div 宽度应为 200px，有时 javascript 将其读取为 1000px，所以我计算错误。

我的研究还没有产生跨浏览器的解决方案，不仅可以检测加载的图像，还可以检测加载的 CSS 和其他所有内容。

我使用 jQuery 的 AJAX 函数来获取所需的 HTML(这部分工作正常)。获得 HTML 后，我将其应用 jQuery's html function .

完成后，我使用此代码加载所需的 css:

css         = document.createElement('link');
css.rel     = 'stylesheet';
css.type    = 'text/css';
css.media   = "all";
css.href    = url;
document.getElementsByTagName("head")[0].appendChild(css);

我可以使用超时函数，但这只是盲目猜测，我想确保我的脚本在需要运行时运行。有什么建议吗？

编辑我包含这张图片是为了让解释更清楚

Answer 1

以前从未尝试过，但是Stylesheet load events呢？ ？如果 IE 不会触发 onload 事件，而您需要支持它，onreadystatechange 应该可以工作。