动态加载CSS样式表在IE上不起作用

一尘不染

动态加载CSS样式表在IE上不起作用

javascript

我动态加载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中则不能。

有什么帮助吗？谢谢

阅读 221

2020-05-01

共1个答案

一尘不染

IE处理完页面加载的所有样式后，添加另一种样式表的唯一可靠方法是 document.createStyleSheet(url)

有关更多详细信息。

url = 'style.css';
if (document.createStyleSheet)
{
    document.createStyleSheet(url);
}
else
{
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head'); 
}

2020-05-01