js动态获取界面高度

        网页可见区域（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中动态设置路由子组件的高度，需在路由子组件监听事件中动态设置其路由父组件的高度（否则其路由父组件的高度不变化）;