基於URL參數加載CSS文件

Question

你能幫我使用JavaScript來加載基於URL參數的CSS文件嗎？

我有3個參數（一，二和三），我有3個CSS文件。

if (window.location.search.search(/[?&]parameter=one(?:$|&)/) !== -1) 
{ 
      What code should go in there to load the css? 
} 

JS應該保存在HTML文件的頭文件中嗎？

Answer 1

if (window.location.search.search(/[?&]parameter=one(?:$|&)/) !== -1) { 

    var $ = document; // shortcut 
    var cssId = 'myCss'; // you could encode the css path itself to generate id.. 
    if (!$.getElementById(cssId)) 
    { 
     var head = $.getElementsByTagName('head')[0]; 
     var link = $.createElement('link'); 
     link.id = cssId; 
     link.rel = 'stylesheet'; 
     link.type = 'text/css'; 
     link.href = 'css/one.css'; 
     link.media = 'all'; 
     head.appendChild(link); 
    } 

} 
else if(window.location.search.search(/[?&]parameter=two(?:$|&)/) !== -1) 
{ 
    //Another way & More simple 
    var ss = document.createElement("link"); 
    ss.type = "text/css"; 
    ss.rel = "stylesheet"; 
    ss.href = "css/two.css"; 
    document.getElementsByTagName("head")[0].appendChild(ss); 

} 

等