随笔博文

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中动态设置路由子组件的高度,需在路由子组件监听事件中动态设置其路由父组件的高度(否则其路由父组件的高度不变化);
首页
关于博主
我的博客
搜索