用js判断设备的宽度，加载不同的css和js

<script type="text/javascript">
//获取屏幕宽度，检测是否大于720
var screen_width = document.documentElement.clientWidth > 1000 ? true : false ;
(function(){
   //获取head对象
   var head = document.getElementsByTagName('HEAD')[0];
   //创建link对象
   var style = document.createElement('link');
   var jstyle = document.createElement('script');
   //判断是否大于720，插入不同样式
   if(screen_width){
       style.href ='${ctxStatic}/index/css/login.css';
   }else{
    jstyle.src='${ctxStatic}/index/js/base.js';
       style.href ='${ctxStatic}/index/css/register.css';
       $(".header-con").hide();
       $(".footer").hide();
   }
   jstyle.type='text/javascript';
   style.rel = 'stylesheet';
   style.type = 'text/css';
   //在head对象的最后插入样式
   head.appendChild(jstyle);
   head.appendChild(style);
   
})()
</script>