我像这样动态加载一个 css 样式表（在 jQuery 的帮助下）：
var head = document.getElementsByTagName('head')[0];
$(document.createElement('link'))
.attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' })
.appendTo(head);
这在 Firefox 和 Google Chrome 中运行良好，但在 IE 中不起作用。
有什么帮助吗？谢谢
一旦 IE 处理了页面加载的所有样式，添加另一个样式表的唯一可靠方法是使用 document.createStyleSheet(url)
有关更多详细信息，请参阅有关 createStyleSheet的MSDN 文章。
url = 'style.css';
if (document.createStyleSheet)
{
document.createStyleSheet(url);
}
else
{
$('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head');
}
您需要最后设置 href attr 并且仅在链接 elem 附加到头部之后：
$('<link>')
.appendTo('head')
.attr({type : 'text/css', rel : 'stylesheet'})
.attr('href', '/css/your_css_file.css');
更新
现在 IE 和 Edge 的唯一目的是下载 Chrome，所以我建议不要使用对 IE 或 Edge 的自定义支持来膨胀你的代码，而只是忽略它们的存在。
这似乎也适用于 IE：
var link = document.createElement('link');
link.rel = '样式表';
link.type = 'text/css';
link.href = '/includes/style.css';
document.getElementsByTagName('head')[0].appendChild(link);
这也可能与它有关 - 取自Microsoft 支持文章：
当页面在 Microsoft Internet Explorer 版本中加载时，网页上的样式丢失或看起来不正确...
...发生此问题的原因是 Internet Explorer 中满足以下条件：
不应用前 31 个样式标签之后的所有样式标签。
不应用前 4,095 条规则之后的所有样式规则。
在使用@import 规则连续导入导入其他样式表的外部样式表的页面上，深度超过三层的样式表将被忽略。
看起来
$('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head');
只要 url 是包含协议的完全限定 URI，也可以在 IE 中使用...