常见的宽度与高度获取

系统 1588 0

网页可见区域宽: 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

var pageHeight = (document.body.clientHeight?document.body.clientHeight:document.documentElement.clientHeight);
var pageWidth = (document.body.clientWidth?document.body.clientWidth:document.documentElement.clientWidth);
var pageScrollTop=document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop;
var pageScrollH=document.body.scrollHeight?document.body.scrollHeight:document.documentElement.scrollHeight;

alert(
"网页可见区域宽:"+ document.body.clientWidth+
"/n网页可见区域高:"+ document.body.clientHeight+
"/n网页可见区域宽(包括边线的宽):"+ document.body.offsetWidth +
"/n网页可见区域高(包括边线的高):"+ document.body.offsetHeight+
"/n网页正文全文宽:"+ document.body.scrollWidth+
"/n网页正文全文高:"+ document.body.scrollHeight+
"/n网页被卷去的高:"+ document.body.scrollTop+
"/n网页被卷去的左:"+ document.body.scrollLeft+
"/n网页正文部分上:"+ window.screenTop+
"/n网页正文部分左:"+ window.screenLeft+
"/n屏幕 分辨率 的高:"+ window.screen.height+
"/n屏幕 分辨率 的宽:"+ window.screen.width+
"/n屏幕 可用工作区高度:"+ window.screen.availHeight+
"/n屏幕 可用工作区宽度:"+ window.screen.availWidth
); 常见的宽度与高度获取 常见的宽度与高度获取

常见的宽度与高度获取


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论