小编典典

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

有什么帮助吗?谢谢


阅读 282

收藏
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