使用js动态添加link标签

一下代码实现的功能：

　　通过判断电脑分辨率，不同的分辨率显示不同的css文件

　　我的需求只需要适配两个分辨率

  
var scrWidth = window.screen.width;   //获取当前分辨率的大小
        if(scrWidth == 1920){   //当分辨率为1920是应该引入的css
            var headHTML = document.getElementsByTagName('head')[0].innerHTML;
            headHTML    += '<link type="text/css" rel="stylesheet" href="css/style1920.css">';
            document.getElementsByTagName('head')[0].innerHTML = headHTML;
        }else {  //当分辨率为1366引入的css文件
            var headHTML = document.getElementsByTagName('head')[0].innerHTML;
            headHTML    += '<link type="text/css" rel="stylesheet" href="css/style1366.css">';
            document.getElementsByTagName('head')[0].innerHTML = headHTML;
        }

 

转载于:https://www.cnblogs.com/BLOGZR/p/10408432.html