js屏幕宽度

『壹』 如何利用js代码区判断是否是大小屏，小屏则内容充满整个屏幕，大屏则内容居中显示

不用js，css也可以。

//大屏幕，当屏幕宽度等于641px或者大于的时候
@mediascreenand(max-width:641px){
.container{width:640px;margin:0auto;}
}

//小屏幕，当屏幕最大宽度600px或者小于600px的时候
@mediascreenand(max-width:640px){
.container{width:auto;margin:0;}
}

js的话，判断一下window.innerWidth

varww=window.innerWidth
if(ww<640){
document.documentElement.setAttribute('class','container-mobile')
}else{
document.documentElement.setAttribute('class','container')
}

.container{width:640px;margin:0auto;}
.container-mobile{width:auto;margin:0;}

『贰』 js中怎么获取当前屏幕宽度

1、js中获取当前屏幕宽度方法如下：

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth （包括边线的宽）

网页可见区域高： document.body.offsetHeight （包括边线的高）

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth