js动态获取界面高度
2022-11-25 22:04:12
michael007js
181
网页可见区域(body)宽: document.body.clientWidth
网页可见区域(body)高: document.body.clientHeight(最常用、兼容性强的两个)
网页可见区域宽:document.documentElement.clientWidth
网页可见区域高:document.documentElement.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
//监听浏览器窗口变化
window.onresize = () => {
document.getElementById("id").style.height = 100px;//设置标签高度
}
//vue中动态设置路由子组件的高度,需在路由子组件监听事件中动态设置其路由父组件的高度(否则其路由父组件的高度不变化);