使用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; }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM