jq判断页面尺寸(宽度)不同执行不同的js代码

方法一
$(function(){
	//判断屏幕宽度
	var winWide = window.screen.width;  //获取当前屏幕分辨率
	alert("winWide");
	var wideScreen = false;
	if(winWide <= 1024){  //1024及以下分辨率
	//这里写要加载的代码
	}
	else{  //大于1024的分辨率
	//这里写要加载的代码
	}
})

方法二



方法三
为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可。
在包含的头文件headr.inc中加入js代码:

if(screen.width > 1024){

document.write('');

}

 

你可能感兴趣的:(js,js)