JAVASCRIPT获取HTML网页的各种高、宽(Height、Width)


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

窗口内部宽度:windows.innerWidth

窗口内部高度:windows.innerHeight


浏览器标准不统一,因此实现的情况不一,可以自己测试使用下面合适的内容。也可以用如下代码,针对不同的浏览器

if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;


猜你喜欢

转载自blog.csdn.net/jyh_jack/article/details/78798902
今日推荐