JS/JQ获取各种屏幕的高度和宽度

冷不防 2022-04-22 08:46 192阅读 0赞

Javascript:

网页可见区域宽： 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

JQuery:

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

发表评论取消回复

表情：

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

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

相关阅读

相关 Android中获取屏幕的高度和宽度

`android获取屏幕的高度和宽度用到WindowManager这个类，两种方法：` `1``、WindowManager wm = (WindowManager) get

Myth丶恋晨/ 2022年09月29日 14:54/ 0 赞/ 215 阅读

相关 Android获取屏幕的宽度和高度(dp)

一般我们需要的宽度和高度都是需要dp格式,但是在网上找了一大堆的资料基本上得到的宽度和高度都是像素(Pixels)型的宽度和高度,与我们所需要的不一样,后面经过查找资料

约定不等于承诺〃/ 2022年08月26日 05:58/ 0 赞/ 557 阅读

相关 JQuery 获取屏幕高度、宽度

做手机Web开发或做浏览器兼容通常会用到屏幕高度、宽度，现将其汇总一下： alert($(window).height()); //浏览器当前窗口可视区域高度

朱雀/ 2022年08月07日 10:43/ 0 赞/ 212 阅读

相关 Javascript、Jquery获取浏览器和屏幕各种高度宽度

Javascript: alert(document.body.clientWidth); //网页可见区域宽(body) alert

男娘i/ 2022年08月04日 13:38/ 0 赞/ 322 阅读

相关 jQuery 获取屏幕高度、宽度

alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前

Myth丶恋晨/ 2022年07月24日 10:07/ 0 赞/ 228 阅读

相关 js,jquery获取各种屏幕的高度，宽度

![116165-20160630110328843-2101737128.png][] 关于js,jquery获取各种屏幕的高度宽度老是要记混，现在就在这里稍稍总结一下：

忘是亡心i/ 2022年06月17日 13:50/ 0 赞/ 211 阅读

相关 JS和jquery获取各种屏幕的宽度和高度的代码

Javascript: 　　网页可见区域宽： document.body.clientWidth 　　网页可见区域高： document.body.clientHeig

迈不过友情╰/ 2022年06月08日 10:28/ 0 赞/ 198 阅读

相关 JS/JQ获取各种屏幕的高度和宽度

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

冷不防/ 2022年04月22日 08:46/ 0 赞/ 193 阅读

相关 JS获取屏幕的宽度和高度

<html> <script> 　　function a(){ 　　　　document.write( 　　　　"屏幕分辨率为："+sc

不念不忘少年蓝@/ 2021年09月30日 10:22/ 0 赞/ 448 阅读

相关 JS/JQ获取各种屏幕的高度和宽度

> 参考文档:[www.cnblogs.com/zhishiqu/p/…][www.cnblogs.com_zhishiqu_p] [www.cnblogs.com_zhi

ゝ一纸荒年。/ 2021年09月18日 08:56/ 0 赞/ 401 阅读