用javascript获取屏幕高度和宽度等信息 (小手册)

A_ALERT A_ALERT 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 700+累计阅读 706平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄17年
关注
原创 最新推荐文章于 2026-04-14 07:28:33 发布 706 阅读 AI 写同款· GEO 优化 ›
JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度 阅读详情
用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

收录于
JS

当前文章被收录于：

JS
5 篇文章 0 人学习
订阅专栏 查看详情
标签
#javascript #工作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
对极几何 —两相机相对位置关系与相机姿态估计方法（基础矩阵，本征矩阵，单应矩阵梳理）附c++源码 对极几何 —两相机相对位置关系与相机姿态估计方法（基础矩阵，本质矩阵，单应矩阵梳理）附c++源码对极几何是什么，它有什么用（整体流程理解）对极约束（描述两相机关系）基础矩阵特性与求解方法本质矩阵特性与求解方法相机姿态恢复方法怎么又冒出了个单应矩阵H？ 对极几何是什么，它有什么用（整体流程理解） 如图，当空间上有一个点分别在相机1和相机2上进行成像，这两个点存在什么变换关系呢？再扩展一下，真实世界下的场景分别用两个相机进行拍摄，获得两张照片，两张照片有什么变换关系呢？那么对极几何就是用来描述这种变换关系的。 阅读详情

相关推荐

无人驾驶-2024-09-智能驾驶与机器视觉09：视觉与多传感器融合

从本章开始，我们将详细介绍视觉与多传感器融合技术。自动驾驶中常用的传感器都有其优势和局限性，单一传感器无法应对复杂的驾驶场景。多传感器融合技术旨在综合利用不同的传感器优势，提升感知的精度和鲁棒性。本章首先介绍多传感器融合的相关概念，之后详细介绍典型的融合方法。

u013250861的博客 593

JS_js和jq获取屏幕高度、宽度的方法

一、js部分 1.获取屏幕尺寸 获取屏幕宽度：window.screen.width; //整个屏幕的宽度 获取屏幕高度：window.screen.height; //整个屏幕的高度 2.获取可用工作区尺寸 获取屏幕可用工作区域宽度：window.screen.availWidth; //pc端与上面两个一致，移动端除个别其他也一致（试一下即可） 获取屏幕可用工作区域高度：window.screen.availHeight; 3.获取body的宽高（不含边框） 获取网页内body

小歪博客 1万+

deepseek本地部署及应用部署指南

如果你找到的日志是[send] via NET/IB/0，则表示网络通信是通过IB网络的，但是没有开启GDRDMA技术，则会有大致5%的性能损耗（网传，未实测）。新增的环境变量配置，主要用于启用IB网络通信，而非使用以太网进行通信，详细的每一个参数的具体含义，可以在英伟达NCCL的官方网站上找到说明。下一步，我会对已经完成部署的模型进行压测，来探索系统的性能极限在哪里，以及如何在生产环境中何如进行进一步的性能优化，期待你的关注。

weixin_39797121的博客 2624

Vue，JS获取屏幕，浏览器高度宽度

一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身。HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。

qq_53461589的博客 3483

华为昇腾开发——多模型资源管理（C++）

在使用Ascend ACL（Ascend Computing Language）的ACLLite库进行多模型推理时，合理的资源管理至关重要。

如果想成为中心，那么就到中心去吧。 577

具身智能(26)：RDK S100的LeRobot或Agile X piper机械臂控制模型

本文档详细介绍了基于ROS2的机器人控制模型架构与标定数据联动机制。核心采用"感知-规划-控制"闭环流程，通过激光雷达、相机和IMU的融合数据实现厘米级定位（≤1cm）。文档包含两大控制模型配置：1）RDKLeRobot模型，重点说明PID参数调节和标定文件路径设置；2）AgileXPiper模型，强调驱动安装与外部标定文件集成。针对常见问题提供解决方案，如控制指令无响应需验证标定路径，运动偏差过大需重新标定等。最后给出批量部署方案，通过复制基准配置文件实现多机器人快速配置，要求定位偏差

码农17年的博客 179

js和jq获取屏幕高度、宽度的方法

js和jq获取屏幕高度宽度的方法一、js部分1.获取屏幕尺寸获取屏幕宽度：window.screen.width;    //整个屏幕的宽度获取屏幕高度：window.screen.height;     //整个屏幕的高度2.获取可用工作区尺寸获取屏幕可用工作区域宽度：window.screen.availWidth;     //pc端与上面两个一致，移动端除个别其他也一致（试一下即可）获取屏...

xiaoxiaoshuai__的博客 1万+

Android 13.0 SystemUI下拉状态栏背景增加高斯模糊背景

在13.0的产品开发中，发现现在很多产品都是高斯模糊背景的，这种高斯模糊背景看起来效果很不错，产品开发需要SystemUI下拉状态栏背景也是高斯模糊背景，所以就要来实现下拉状态栏高斯模糊背景

安卓兼职framework和app工程师的博客 2670

js获取屏幕宽度方法大全

js获取当前屏幕宽度方法 可见域：即可以被显示出来的区域，由起高度大小决定，包括所有内边距、滚动条（被滚动出去的内容）和边框大小。 网页可见域宽（不包括边框）：document.body.clientWidth 包括内容和内边距，整个文档宽度，即使被卷出去挡住的 网页可见域高（不包括边框）：document.body.clientHeight 包括内容和内边距，整个文档高度，即使被卷出去挡住的 网页可见域宽（包括边框）：document.body.offsetWidth 包括内容、内边距、边框，整个文档

weixin_44959182的博客 2万+

四足机器人关节电机控制器实现（附C++代码）

本文先对做个简单的介绍，具体内容后续再更，其他模块可以参考去我其他文章提示：以下是本篇文章正文内容。

qq_35635374的博客 462

智能车图像处理24-进阶篇16--三叉路口的判断

这篇文章主要讲述图像处理中如何判断三叉路口并进行补线操作。

taiyuezyh的博客 1万+

js获取各种屏幕的宽度和高度

1.Javascript 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scro...

xy1580的博客 1453

ROS2 多机器人导航仿真入门教程（一）

RMF 是建立在 ROS 2 基础上的一系列可重复使用、可扩展的库和工具，可实现任何类型机器人系统的异构机群的互操作性。RMF 利用标准化的通信协议与部署机器人的基础设施、环境和自动化系统进行通信，以优化关键资源（如机器人、电梯、门、通道等）的使用。它通过资源分配和通过 RMF 核心（将在本书后面详细介绍）防止共享资源冲突，从而为系统增加智能。RMF 灵活而强大，几乎可以在任何通信层上运行，并与任何数量的物联网设备集成。RMF 的架构设计允许随着环境自动化水平的提高而扩展。

2506_90492529的博客 1659

web开发中获取的各种高度和宽度

前端开发中经常需要获取页面还有屏幕的高度和宽度进行计算,此文即介绍如何用 JavaScript 还有 jQuery 获取这些尺寸.1.简介一个页面显示在浏览器内,浏览器又放置在屏幕窗口内,所以由里向外便是 页面 , 浏览器 , 屏幕 三者. 展示图: 2.屏幕尺寸 screen.availHeight:屏幕可用高度 screen.availWidth:屏幕可用宽度 screen.Height:屏

cloud_guo的博客 8950

老版QQ原生表情gif动态

这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

JavaScript获取屏幕和页面的宽度和高度

JavaScript获取屏幕和页面的宽度和高度 1、设计源码 宽度和高度 function widthAndHeight() { //网页可见区域宽 var clientWidth = document.body.clientWidth; //网页可见区域高 var clientHeight = document.body.clientHeight;

游海东的技术专栏 3756

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

js获取屏幕、浏览器、页面的高度宽度

本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。 一、介绍 1. 容器 一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身。 HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。 通过Js的一些对象可以获取这些容器的高度、宽度。 2. 物理尺寸和分辨率 容器的尺寸是指当前分辨率下的高度、宽度，而不是物理高度、宽度。 如：一个22寸的显示器，屏幕分辨率为1366 * 768，那么获取到的屏幕高度为1366px，宽度为768px。 3. 展示图 注意： 图中的body根

艾丽的博客 9155

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

js获取移动端屏幕高度和宽度等设备尺寸

s获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法：document.documentElement.clientWidth;document.documentElement.clientHeight; 这段js代码得到的就是移动设备的可见宽高 js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法： document.documentElement.clientWidth; document.documentElement.clientHeight; 这段js代码得到的就是移动设备的.

Noctis99的博客 1万+

jQuery 获取屏幕高度、宽度

做手机Web开发做浏览器兼容用到了，所有就总结了下； 常用： $(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height(); //浏览器当前窗口文档body的高度 $(document.body).outerHeight(true); //浏览器当前窗口文档...

一尾流莺 半世情缘 3934

Vue 获取屏幕的宽度和高度

data(){ return{ windowWidth: document.documentElement.clientWidth, //实时屏幕宽度 windowHeight: document.documentElement.clientHeight, //实时屏幕高度 } }, // <!--在watch中监听实时宽高--> watch: { windowHeight (val) { let that =...

自扰。的博客 5538

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

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

m0_48524046的博客 7898

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

从网上找的， 原文地址找不到了。。。    Javascript:    网页可见区域宽： document.body.clientWidth  网页可见区域高： document.body.clientHeight  网页可见区域宽： document.body.offsetWidth (包括边线的宽)  网页可见区域高： document.body.o

css教程 1359

H5手机端JS常用屏幕宽度和高度获取方法

js获取手机屏幕宽度、高度 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.

hotlinhao的专栏 7685

vue.js 获取当前屏幕的宽度_js获取移动端屏幕高度和宽度等设备尺寸

js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法：document.documentElement.clientWidth;document.documentElement.clientHeight;这段js代码得到的就是移动设备的可见宽高，比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64)，iPhone 5里为320*504...

weixin_39924329的博客 5386

JavaScript获取屏幕高度和宽度等信息

我们可以通过内置的**document**和**window**获取屏幕的一些属性，如高度、宽度等信息。

荷塘月色 931

获取手机屏幕的宽高 html,js获取手机屏幕宽度、高度

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：documen...

weixin_33849758的博客 2907

HTML 获取屏幕、浏览器、页面的高度宽度

HTML 获取屏幕、浏览器、页面的高度宽度 本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。 　　本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。 目录 1. 介绍：介绍页面的容器(屏幕、浏览器及页面)、物理尺寸与分辨率、展示等内容。 2. 屏幕信息：介绍屏幕尺寸信息；如：屏幕、软件可用以及任务栏的高度和宽度。 3. 浏览器信息：介绍浏览器尺寸信息；如：...

weixin_46435234的博客 2034
上一篇： 在IE下动态创建canvas使用excanvas时失效解决方法
下一篇： java 正则表达式
点赞 0
评论 0
书签 书签 0
A_ALERT
A_ALERT
博客等级 码龄17年 8粉丝 17原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值