动态加载CSS，兼容IE

最新推荐文章于 2022-10-17 16:37:01 发布

weixin_33860553

最新推荐文章于 2022-10-17 16:37:01 发布

阅读量146

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/seast/blog/112439

版权

为什么80%的码农都做不了架构师？>>>

因为某种需要，得动态加载CSS样式，这时碰到IE兼容问题了

若直接往<head>添加<link>节点，则IE不会立即使能该样式表，所以新样式也就没应用上

var url = "style/network.css";
$('<link rel="stylesheet" type="text/css" href="' + url +'"/>').appendTo('head');

后来网上搜了下，看到有人说用document.createStyleSheet，自己立马测试，真的OK了

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

上面的代码是用jquery的，纯js如下：

var url = "style/network.css";
if(document.createStyleSheet){  
    document.createStyleSheet(url);  
}else{
    var e = document.createElement("link");
    e.rel = "stylesheet";
    e.type = "text/css";
    e.href = url;
    document.getElementsByTagName("head")[0].appendChild(e);
}

转载于:https://my.oschina.net/seast/blog/112439