获取浏览器得各种宽、高信息

柔光的暖阳◎ 2023-06-25 04:47 43阅读 0赞

网页可见区域高：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 
    屏幕设置 window.screen.colorDepth 位彩色 
    屏幕设置 window.screen.deviceXDPI 像素/英寸
    console.log($(window).width()); //浏览器时下窗口可视区域高度
    console.log($(document).width()); //浏览器时下窗口文档的高度
    console.log($(document.body).width()); //浏览器时下窗口文档body的高度
    console.log($(document.body).outerWidth(true)); //浏览器时下窗口文档body的总高度 包括border padding margin

转载：[https://www.cnblogs.com/Abner5/p/6016973.html][https_www.cnblogs.com_Abner5_p_6016973.html]

[https_www.cnblogs.com_Abner5_p_6016973.html]: https://www.cnblogs.com/Abner5/p/6016973.html

发表评论取消回复

表情：

评论列表（有 0 条评论，43人围观）

还没有评论，来说两句吧...

相关阅读

相关获取浏览器得各种宽、高信息

网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线和滚动条的

柔光的暖阳◎/ 2023年06月25日 04:47/ 0 赞/ 44 阅读

相关获取浏览器可视区域宽高

1 / 2 获取浏览器可视区域宽度 3 / 4 function getViewPortOffset() { 5

桃扇骨/ 2023年06月05日 12:59/ 0 赞/ 124 阅读

相关浏览器宽高

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：documen

电玩女神/ 2023年01月18日 06:44/ 0 赞/ 235 阅读

相关 Vue - 获取当前浏览器屏幕宽高（document Object）

前言有时候，我们需要获取浏览器当前尺寸的宽高。 ![在这里插入图片描述][20210524105330192.png] 解决方案原生 `document`

喜欢ヅ旅行/ 2022年10月15日 07:55/ 0 赞/ 803 阅读

相关 JavaScript - 获取屏幕宽高及分辨率等信息

网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区

缺乏、安全感/ 2022年09月09日 06:16/ 0 赞/ 313 阅读

相关 js获取图片宽高

原文链接：http://www.qttc.net/201304304.html 快速获取图片的宽高其实是为了预先做好排版样式布局做准备，通过快速获取图片宽高的方法比onloa

港控/mmm°/ 2022年08月18日 02:59/ 0 赞/ 354 阅读

相关 android获取屏幕宽高与获取控件宽高

获取屏幕宽高 \[java\] [view plain][] [copy][view plain] 1. // 获取屏幕宽高（方法1） 2. int screen

柔光的暖阳◎/ 2022年08月05日 02:43/ 0 赞/ 344 阅读

相关获取元素宽高

获取元素宽高值 1.内联样式. element.style读取的只是元素内联样式,即写在元素的 style 属性上的样式,支持读写. var elebox = do

曾经终败给现在/ 2021年10月23日 14:56/ 0 赞/ 488 阅读

相关 js获取宽高

引用自[https://www.cnblogs.com/chengzp/p/cssbox.html][https_www.cnblogs.com_chengzp_p_cssb

短命女/ 2021年10月23日 14:30/ 0 赞/ 481 阅读

相关浏览器获取宽高

`screen.availHeight` is the height the browser's window can have if it is maximized.

待我称王封你为后i/ 2021年09月10日 09:44/ 0 赞/ 543 阅读