js获取当前屏幕宽度方法

谁践踏了优雅 2023-07-06 06:26 4阅读 0赞

可见域：即可以被显示出来的区域，由起高度大小决定，包括所有内边距、滚动条（被滚动出去的内容）和边框大小。

网页可见域宽（不包括边框）：document.body.clientWidth  包括内容和内边距，整个文档宽度，即使被卷出去挡住的

网页可见域高（不包括边框）：document.body.clientHeight  包括内容和内边距，整个文档高度，即使被卷出去挡住的

网页可见域宽（包括边框）：document.body.offsetWidth 包括内容、内边距、边框，整个文档宽度，即使被卷出去挡住的  
网页可见域高（包括边框）：document.body.offsetHeight 包括内容、内边距、边框，整个文档宽度，即使被卷出去挡住的  
网页正文全文宽：document.body.scrollWidth  基本等同于document.body.clientWidth  
网页正文全文高：document.body.scrollHeight 基本等同于document.body.clientHeight   
网页被卷去的高：document.body.scrollTop   
网页被卷去的左：document.body.scrollLeft   
网页正文部分上：window.screenTop   
网页正文部分左：window.screenLeft   
屏幕分辨率的高：window.screen.height   
屏幕分辨率的宽：window.screen.width   
屏幕可用工作区高度：window.screen.availHeight

屏幕可用工作区宽度：window.screen.availWidth

offsetLeft：元素的左外边框至包含元素的左内边框之间的距离（书上）。经实际测试，其实为元素左外边框至html左内边框的距离

offsetTop：元素的上外边框至包含元素的上内边框之间的距离（书上）。经实际测试，其实为元素上外边框至html上内边框的距离。可能不同浏览器对其结果不同。

document.documentElement.clientHeight: 视口高度,混杂模式下用body代替documentElement

document.documentElement.scrollHeight：内容区高度

经实测：

获取视口高度推荐使用：document.documentElement.clientHeight或者window.innerHeight

获取文档总高度推荐使用：document.documentElement.scrollHeight

发表评论取消回复

表情：

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

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

相关阅读

相关 Jquery获取当前屏幕的宽度、高度。

1. <script type="text/javascript"> 2. $(document).ready(function() 3. \{ 4. alert($(

青旅半醒/ 2024年02月18日 19:35/ 0 赞/ 91 阅读

相关 js获取当前屏幕宽度方法

可见域：即可以被显示出来的区域，由起高度大小决定，包括所有内边距、滚动条（被滚动出去的内容）和边框大小。网页可见域宽（不包括边框）：document.body.client

谁践踏了优雅/ 2023年07月06日 06:26/ 0 赞/ 5 阅读

相关获取屏幕宽度

Display display = getWindowManager().getDefaultDisplay(); Log.i("view", "height:" +

青旅半醒/ 2022年08月26日 08:51/ 0 赞/ 240 阅读

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

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

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

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

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

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

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

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

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

相关常用的JQ获取屏幕宽度方法

//获取屏幕可视窗口的宽度 var W, H; function getCanSee() { W = $(window).width();

迈不过友情╰/ 2022年06月09日 11:39/ 0 赞/ 653 阅读

相关 js获取页面宽度高度及屏幕分辨率

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] js获取页面宽度高度及屏幕分辨率网页可见区域宽：document.body.

忘是亡心i/ 2022年01月15日 03:59/ 0 赞/ 339 阅读

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

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

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

相关移动端获取屏幕宽度

转自：[http://www.uw3c.com/jsviews/js18.html][http_www.uw3c.com_jsviews_js18.html] 目录： 1

电玩女神/ 2021年06月24日 14:35/ 0 赞/ 505 阅读