JS获取浏览器高度和宽度

  • A+
所属分类:前端工程
IE版本:
document.body.clientWidth // BODY对象宽度
document.body.clientHeight // BODY对象高度
document.documentElement.clientWidth // 可见区域宽度
document.documentElement.clientHeight // 可见区域高度
FireFox版本:
document.body.clientWidth // BODY对象宽度
document.body.clientHeight // BODY对象高度
document.documentElement.clientWidth // 可见区域宽度
document.documentElement.clientHeight // 可见区域高度
Opera版本:
document.body.clientWidth // 可见区域宽度
document.body.clientHeight // 可见区域高度
document.documentElement.clientWidth // 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight // 页面对象高度(即BODY对象高度加上Margin高)
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对象
window.screenTop // 网页正文部分上
window.screenLeft // 网页正文部分左
window.screen.height // 屏幕分辨率的高
window.screen.width // 屏幕分辨率的宽
window.screen.availHeight // 屏幕可用工作区高度
window.screen.availWidth // 屏幕可用工作区宽度
  • 公众号
  • 扫一扫
  • weinxin
  • 打赏
  • 扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: