一个简单的换肤code

Posted 2020-10-21 value-z

如果你的项目中只有单一一个link标签,可以使用这个方法.
首先用到了localStorage,所以要判断一下浏览器是是否支持localStorage

//浏览器是是否支持localStorage

if(!window.localStorage){
  alert("浏览器不支持localstorage");
  return false;
}else{
 //代码正文
  var storage=window.localStorage;
  storage["domainlink"]=‘orange‘;
  var app = document.getElementById(‘app‘);
  var link = document.createElement(‘link‘);
  var linknum=document.getElementsByTagName(‘link‘);
  if(linknum){
    for(var i=0;i<linknum.length;i++){
      app.removeChild(linknum[i]);
    }
  }
    link.href = ‘../static/css/‘+ storage.domainlink +‘.css‘;
    link.rel = ‘stylesheet‘;
    link.type = ‘text/css‘;
    app.appendChild(link);
  }