JS,Jquery获取屏幕的宽度和高度代码

朱雀 2020-06-21 13:17 816阅读 0赞

**JS,Jquery获取屏幕的宽度和高度代码**

JS,Jquery获取屏幕的宽度和高度代码,获取的方法有很多种，但不管多少总，大致的内置函数还是那几个，现在就简单罗列出来。

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获取屏幕的宽度和高度代码

```javascript
$(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 条评论，816人围观）

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

相关阅读

相关 UNI-APP_uni-app获取屏幕高度宽度、元素的高度宽度

uni.getSystemInfo(OBJECT) [官方文档][Link 1] 获取屏幕高度宽度 screenWidth 屏幕宽度 screenHe

矫情吗；*/ 2022年12月29日 06:53/ 0 赞/ 767 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 JS,Jquery获取屏幕的宽度和高度代码

JS,Jquery获取屏幕的宽度和高度代码 JS,Jquery获取屏幕的宽度和高度代码,获取的方法有很多种，但不管多少总，大致的内置函数还是那几个，现在就简单罗列出来。 ...

朱雀/ 2020年06月21日 13:17/ 0 赞/ 817 阅读