IE8中使用javascript动态加载CSS的解决方法
众所周知做前端开发的都恨不得踹IE开发者几脚，IE开发者名声之差不低于GFW开发者，昧着良心搞坏市场，人人得而诛之，但是在中国这些地方市场占有率摆在那里，没办法只能向现实低头。
最近我们产品需要在浏览器里动态载入一段CSS，以前的代码是直接用的:
var bubbleCss = document.createElement('style');
bubbleCss.type = 'text/css';
bubbleCss.innerHTML = blc_conf.bubbleStyle;
document.getElementsByTagName('head')[0].appendChild(bubbleCss);
不过这个只有IE9支持，在IE8下会出问题，一直也没注意到这块，直到最近重构后做完整测试的时候才发现。
网上搜到一个技巧，试过，可行，但是有一些问题
window.bc_bubble_css = blc_conf.bubbleStyle;
document.createStyleSheet("javascript:bc_bubble_css");
这里可以创建由变量bc_bubble_css定义的样式，不过由于HTML5逐渐普及，我们的css里也混入了一些css3 selector，使用这个方法会导致IE8的parser解析到css3 selector的时候抛异常并停止解析后续css，这让css只加载了一半，网上搜到的办法都是用StyleSheet类型的addRule来增加，不过这个需要自己指定css2 selector以及样式，
因此需要从CSS中拆开单个的规则，然后依次调用addRule，例子：
var s = document.createStyleSheet();
var rules = blc_conf.bubbleStyle.replace(/\/\*[^\*]*\*\//g, "").replace(/@[^{]*\{/g, '').match(/[^\{\}]+\{[^\}]+\}/g);
for(var i = 0; i < rules.length; i++) {
var m = rules[i].match(/(.*)\s*\{\s*(.*)\}/);
if(m) {
try {
s.addRule(m[1], m[2]);
} catch(e) {
}
}
}
开头有两个替换，分别去掉注视和部分css3 的selector，不过依然有漏网的selector，需要在后面try catch 捉一下。
另外再次鄙视设计IE接口的人
-
问题内容： 我正在尝试为我的网站创建页面主题功能。我想使用单独的CSS文件在页面上动态加载相应的主题。 我正在使用此代码： 效果很好，但是如果CSS文件未加载，它不会返回任何信息。 加载时，有什么方法可以捕捉吗？也许通过使用ajax？ 问题答案： 加载CSS文件（或其任何其他更改）时，Internet Explorer会触发一个事件。其他浏览器不会触发任何事件，因此您将必须手动检查样式表是否已加载
-
本文向大家介绍IE8中动态创建script标签onload无效的解决方法，包括了IE8中动态创建script标签onload无效的解决方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下： 今天做项目，发现一个奇怪的问题，动态创建的script标签在IE8下无法触发onload事件。 代码如下：
-
本文向大家介绍使用javaScript动态加载Js文件和Css文件，包括了使用javaScript动态加载Js文件和Css文件的使用技巧和注意事项，需要的朋友参考一下 JS动态加载CSS 在可换主题的界面中具有很重要的意义，用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式，下面详细说明。 希望下面的方法对你有帮助。 （1）使用JavaScript动态加载Js文件 （2）使用JavaScript
-
本文向大家介绍iscroll动态加载数据完美解决方法，包括了iscroll动态加载数据完美解决方法的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了iscroll动态加载数据的具体代码，供大家参考，具体内容如下 js. css 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
问题内容： 我正在尝试使用javascript动态加载css文件，并且不能使用任何其他js库（例如jQuery）。 css文件已加载，但我似乎无法获得回调来工作。下面是我正在使用的代码 使用以下代码添加脚本标签以加载js文件可以正常工作并触发回调： 我在这里做错什么了吗？还有其他方法可以帮助我实现这一目标吗？ 问题答案： 不幸的是，大多数现代浏览器都不支持样式表的加载。我发现有一点谷歌搜索解决方案
-
问题内容： 网络上的许多文章都是这样的建议在EOT网址中添加一个。我很好奇，想知道 怎么 这是要解决的问题。谢谢。 问题答案： IE8和更早版本的src属性在解析器中存在错误。因此，如果您在SRC中包含多种字体格式，IE将无法加载它并报告404错误。 问号解决了这个问题，因为它使IE认为字符串的其余部分（其他src）是查询字符串，因此仅加载EOT文件… 其他浏览器将遵循规范并仅加载其所需的字体类型