我构建了一个类似于 http://code.google.com/p/jingo/ 的 javascript/css 依赖管理器.
它允许我做这样的事情:
Loader.DependsOn(['/scripts/jqueryui.js', '/scripts/jquery.js'])
.Css('/css/jquery.css')
.Execute(function() { //Insert script here});
加载程序将在执行前动态加载脚本和 css(如果它们尚未加载)。
一切正常，除了 IE。通过将链接附加到文档的头部来加载样式表。但是，在执行此操作之前，加载程序会查看请求的 css 文件本身是否依赖于另一个模块。如果是，它将找出应该插入 CSS 文件顺序的位置。在除 IE 之外的所有浏览器中，如果我将它插入列表的开头，则之后的任何其他样式表都将覆盖它的样式(预期行为)。然而在IE中，虽然它是在开头插入的，但是IE把它当作是在末尾一样对待。
有没有办法强制 IE 重新计算样式？
更新了测试用例:
创建两个样式表sheet1.css、sheet2.css
sheet1.css
.testdiv
{
width:200px;
height:200px;
background-color:#c7c7c7;
}
sheet2.css
.testdiv
{
width:400px;
height:400px;
}
标记:
<html>
<head>
<link href="style1.css" rel="stylesheet" "type="text/css" />
</head>
<body>
<div class="testdiv">
</div>
</body>
</html>
<script type="text/javascript" language="javascript>
setTimeout(function() {
var link = document.createElement('link');
link.href = 'sheet2.css';
link.rel = 'stylesheet';
link.type = 'text/css';
var head = document.head || document.getElementsByTagName('head')[0];
head.insertBefore(link, head.children[0]);
setTimeout(function () {
//suggestion from Simon West
document.body.className = document.body.className;
}, 3000);
}, 3000);
</script>
应该发生什么:
灰色框 200 像素 x 200 像素。 3 秒后，它仍然存在。没有变化。
在 IE8 上会发生什么
灰色框 200 像素 x 200 像素。 3 秒后，它增长到 400px x 400px。
在 Safari (windows) 上会发生什么 -
灰色框 200 像素 x 200 像素。 3 秒后，它仍然存在。没有变化。
无论有没有@Simon West 的建议，都会发生这种情况。
最佳答案
<html>
<head>
<link href='sheet1.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='testdiv'></div>
<script type='text/javascript'>
setTimeout(function() {
var link = document.createElement('link');
link.href = 'sheet2.css';
link.rel = 'stylesheet';
link.type = 'text/css';
var head = document.getElementsByTagName('head')[0];
head.insertBefore(link, head.children[0]);
var docElem = document.documentElement,
docElemNext = docElem.nextSibling;
document.removeChild(docElem); // this will clear document.styleSheets
document.insertBefore(docElem, docElemNext);
}, 500);
</script>
</body>
</html>
关于javascript - 强制 IE 重新计算样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8883849/