获取视口宽度（页面宽度）：documentdocumentElementclientWidth
windowaddEventListener('resize', function() {consoleinfo( documentdocumentElementclientWidth);
consoleinfo( windowscreenwidth );
});
<!DOCTYPE html>
<html>
<head>
<meta >
function a(){
"屏幕宽高为："+screenwidth+""+screenheight；
}
其它：
网页可见区域宽：documentbodyclientWidth
网页可见区域高：documentbodyclientHeight
网页可见区域宽：documentbodyoffsetWidth (包括边线的宽)
网页可见区域高：documentbodyoffsetHeight (包括边线的宽)
网页正文全文宽：documentbodyscrollWidth
网页正文全文高：documentbodyscrollHeight
网页被卷去的高：documentbodyscrollTop
网页被卷去的左：documentbodyscrollLeft
网页正文部分上：windowscreenTop
网页正文部分左：windowscreenLeft
屏幕分辨率的高：windowscreenheight
屏幕分辨率的宽：windowscreenwidth
屏幕可用工作区高度：windowscreenavailHeight
屏幕可用工作区宽度：windowscreenavailWidth
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
eventclientX 相对文档的水平座标
eventclientY 相对文档的垂直座标
eventoffsetX 相对容器的水平坐标
eventoffsetY 相对容器的垂直坐标
documentdocumentElementscrollTop 垂直方向滚动的值
eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量
//获取盒子的内容高度，内容高度也可用用boxclientHeight获取，内容高度不包括边框和外边距和滚动条
var box = documentgetElementById("box")
var contentHeight = windowgetComputedStyle(box)height //输出 '60px'
//js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法
documentdocumentElementclientWidth;
documentdocumentElementclientHeight;
此外，还可以使用元素的点击事件来获取元素高度等内容。
以上就是关于火狐怎么通过js获取屏幕的宽度全部的内容，包括:火狐怎么通过js获取屏幕的宽度、js里面获取屏幕宽高的screen对象，为什么获取不了屏幕的宽高值、js网页如何获取手机屏幕宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）