随机加载CSS文件-在IE8中不起作用（7？）

Question

我使用一些随机化功能来动态加载CSS文件：

 var cookie = $.cookie('necgroupcolour', { path: '/' });

    if (cookie == null) {
        var rnd = Math.floor(Math.random() * 3);

        $.cookie('necgroupcolour', rnd, { path: '/' });
    }

    switch ($.cookie('necgroupcolour', { path: '/' })) {
        case "0":
            $('head').append('<link rel="stylesheet" type="text/css" href="/css/purple/HomeMaster.css" />');
            break;

        case "1":
            $('head').append('<link rel="stylesheet" type="text/css" href="/css/blue/HomeMaster.css" />');
            break;

        case "2":
            $('head').append('<link rel="stylesheet" type="text/css" href="/css/green/HomeMaster.css" />');
            break;

        default:
            $('head').append('<link rel="stylesheet" type="text/css" href="/css/purple/HomeMaster.css" />');
    }

此功能在Firefox，Safari，Chrome浏览器中正常运行，但在IE8或更低版本中则无法运行。

通过Fiddler运行此程序并检查源代码时，您可以看到没有CSS文件正在加载。

有什么想法可以解决这个问题吗？

Answer 1

也许尝试将这段代码放在首位并使用document.write。 丑陋，但会起作用。

Answer 2

我知道这可能为时已晚，但可能会对其他人有所帮助。

而不是使用

$('head').append('<link rel="stylesheet" type="text/css" href="PATH_TO_CSS_FILE>');

使用以下代码：

var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", PATH_TO_CSS_FILE);
document.getElementsByTagName("head")[0].appendChild(fileref);