方法一
$(function(){
//判断屏幕宽度
var winWide = window.screen.width; //获取当前屏幕分辨率
alert("winWide");
var wideScreen = false;
if(winWide <= 1024){ //1024及以下分辨率
//这里写要加载的代码
}
else{ //大于1024的分辨率
//这里写要加载的代码
}
})
方法二
<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>
方法三
为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可。
在包含的头文件headr.inc中加入js代码:
if(screen.width > 1024){
document.write('<link rel="stylesheet" type="text/css" href="${path}/nrmus/etc/css/forms_'+ screen.width +'.css">');
}
不同分辨率下执行不同的JS(JQ)代码
最新推荐文章于 2022-04-12 09:43:49 发布