国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

IE8中使用javascript動態(tài)加載CSS的解決方法

2019-11-20 14:27:37
字體:
供稿:網(wǎng)友

眾所周知做前端開發(fā)的都恨不得踹IE開發(fā)者幾腳,IE開發(fā)者名聲之差不低于GFW開發(fā)者,昧著良心搞壞市場,人人得而誅之,但是在中國這些地方市場占有率擺在那里,沒辦法只能向現(xiàn)實低頭。

最近我們產(chǎn)品需要在瀏覽器里動態(tài)載入一段CSS,以前的代碼是直接用的:

復(fù)制代碼 代碼如下:

var bubbleCss = document.createElement('style');
bubbleCss.type = 'text/css';
bubbleCss.innerHTML = blc_conf.bubbleStyle;
document.getElementsByTagName('head')[0].appendChild(bubbleCss);

不過這個只有IE9支持,在IE8下會出問題,一直也沒注意到這塊,直到最近重構(gòu)后做完整測試的時候才發(fā)現(xiàn)。
網(wǎng)上搜到一個技巧,試過,可行,但是有一些問題
復(fù)制代碼 代碼如下:

window.bc_bubble_css = blc_conf.bubbleStyle;
document.createStyleSheet("javascript:bc_bubble_css");

這里可以創(chuàng)建由變量bc_bubble_css定義的樣式,不過由于HTML5逐漸普及,我們的css里也混入了一些css3 selector,使用這個方法會導(dǎo)致IE8的parser解析到css3 selector的時候拋異常并停止解析后續(xù)css,這讓css只加載了一半,網(wǎng)上搜到的辦法都是用StyleSheet類型的addRule來增加,不過這個需要自己指定css2 selector以及樣式,
因此需要從CSS中拆開單個的規(guī)則,然后依次調(diào)用addRule,例子:
復(fù)制代碼 代碼如下:

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,不過依然有漏網(wǎng)的selector,需要在后面try catch 捉一下。

另外再次鄙視設(shè)計IE接口的人

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 青田县| 凤山市| 偃师市| 富平县| 托克逊县| 东明县| 苍溪县| 昌平区| 屯留县| 商河县| 永川市| 澄迈县| 贡嘎县| 元谋县| 汤原县| 阿鲁科尔沁旗| 平舆县| 惠安县| 庄浪县| 鱼台县| 神池县| 岐山县| 丹凤县| 宁波市| 永福县| 碌曲县| 江城| 宝应县| 繁昌县| 昭觉县| 淄博市| 区。| 兴仁县| 孟津县| 通渭县| 平谷区| 广灵县| 丰镇市| 平乐县| 临海市| 扶沟县|