网站技术 您现在的位置是:网站首页 > 网站技术

  如何根据屏幕分辨率加载不同的js文件

  比如我想当屏幕宽小于640的时候,加载1.js文件

  当屏幕宽大于640的时候,加载2.js文件

方法一:

<script type="text/javascript">

if (screen.width<640)

document.write('<script type="text/javascript" src="1.js"><\/script>');

else

document.write('<script type="text/javascript" src="2.js"><\/script>');

</script>


方法二:

$(function(){

//判断屏幕宽度

var winWide = window.screen.width;  //获取当前屏幕分辨率

alert("winWide");

var wideScreen = false;

if(winWide <= 1024){  //1024及以下分辨率

//这里写要加载的代码

}

else{  //大于1024的分辨率

//这里写要加载的代码

}

})