js获取宽 高

2019-08-08  本文已影响0人  野蘑菇丶

window.innerWidth //除去菜单栏的窗口宽度

window.innerHeight//除去菜单栏的窗口高度

window.outerWidth//包括菜单栏的窗口宽度

window.outerHeight//包括菜单栏的窗口宽度

window.screen.height//电脑屏幕的高度

window.screen.width//电脑屏幕的宽度

window.screen.availHeight//电脑屏幕的可利用高度

window.screen.availWidth//电脑屏幕的可利用宽度

window.screenTop//浏览器距离屏幕的高度

window.screenLeft//浏览器距离屏幕的宽度

document.body.clientWidth//指元素的自身宽度(包括padding)

document.body.clientHeight//指元素的自身的高度(包括padding)

document.body.clientLeft//子级div内容位置到父级内容区域的宽度距离(即border值)

document.body.clientTop//子级div内容位置到父级内容区域的高度距离(即border值)

document.body.offsetWidth//指定元素的宽度(包括padding,border和内容)

document.body.offsetHeight//指定元素的高度(包括padding,border和内容)

document.body.offsetTop//距离父级元素的高度

document.body.offsetLeft//距离父级元素的宽度

document.body.scrollWidth//获取的是文档的宽度(当指定的宽度小于浏览器窗口的时候,为浏览器的宽度)

document.body.scrollHeight//获取的是文档的高度(当指定的高度小于浏览器窗口的时候,为浏览器的高度)

document.body.scrollTop//文档被滚动上去的时候(即滚动条往上滚动的距离)

document.body.scrollLeft//文档被滚动右去的时候(即滚动条往右滚动的距离)

上一篇 下一篇

猜你喜欢

热点阅读