當一個頁面對應有多個css樣式文件時，我們可以根據地址欄的參數值而導入不同的css文件：

function getCss() {    
    var linkNode = document.createElement("link");  
    linkNode.setAttribute("rel","stylesheet");  
    linkNode.setAttribute("type","text/css");  
    
    if(GetQueryString(‘from‘)==‘lk‘){  
        linkNode.setAttribute("href","css/prod_details_lk.css");  
        console.log(
 
111);
    }else{   //默認導入推客的css
        linkNode.setAttribute("href","css/prod_details_tk.css");  
    }
    document.head.appendChild(linkNode);  
};

function GetQueryString(name){
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     
 
if(r!=null)return  unescape(r[2]); return null;
}
getCss();

下面是來自I‘m QQ官網的js代碼（https://im.qq.com/index.shtml），它隨著瀏覽器設備的不同而打開對應的頁面，從而實現響應式。

 　　　　if(window.location.protocol==="http:"){
            window.location.replace(‘https://im.qq.com/index.shtml‘);
        }
        var t0 = new Date();
        var os = function
 
() {
            var ua = navigator.userAgent,
                    isWindowsPhone = /(?:Windows Phone)/.test(ua),
                    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
                    isAndroid = /(?:Android)/.test(ua),
                    isFireFox = /(?:Firefox)/.test(ua),
                    isChrome = /(?:Chrome|CriOS)/.test(ua),
                    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
                    isPhone = /(?:iPhone)/.test(ua) && !isTablet,
                    isPc = !isPhone && !isAndroid && !isSymbian;
            return {
                isTablet: isTablet,
                isPhone: isPhone,
                isAndroid : isAndroid,
                isPc : isPc
            };
        }();
        var getSearch = function(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substring(1).match(reg);
            if ( !! r) {
                return unescape(r[2]);
            }
            return null;
        };
        var searchstr = window.location.search,
                hashstr = window.location.hash;
        var viewpc = getSearch("vpc");
        if(!viewpc && (os.isAndroid || os.isPhone)){
            location.replace(‘http://im.qq.com/immobile/index.html‘+searchstr+hashstr);
        }else if(os.isTablet){
            location.replace(‘http://im.qq.com/qqhd/‘+searchstr+hashstr);
        }

導入不用的css文件及在不同設備顯示不用的html頁面