js/jq 获取网页宽高

喜欢ヅ旅行 2022-04-05 12:08 295阅读 0赞

### js获取网页宽高 ###

document.body.clientWidth // BODY对象宽度
    document.body.clientHeight // BODY对象高度
    document.documentElement.clientWidth // 可见区域宽度
    document.documentElement.clientHeight // 可见区域高度
      
    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 // 屏幕可用工作区宽度

### jq获取网页宽高 ###

$(window).height()    //浏览器当前窗口可视区域高度
    $(document).height()    //浏览器当前窗口文档的高度
    $(document.body).height()    //浏览器当前窗口文档body的高度
    $(document.body).outerHeight(true)    //浏览器当前窗口文档body的总高度 包括border padding margin
    
    $(window).width()    //浏览器当前窗口可视区域宽度
    $(document).width()    //浏览器当前窗口文档对象宽度
    $(document.body).width()    //浏览器当前窗口文档body的宽度
    $(document.body).outerWidth(true)    //浏览器当前窗口文档body的总宽度 包括border padding margin

## ##