js得到屏幕宽高、页面宽高 (window.screen.availHeight)等

最新推荐文章于 2023-08-07 09:57:17 发布
转载 最新推荐文章于 2023-08-07 09:57:17 发布 · 1.1k 阅读 · 0
文章标签：

#js #屏幕宽高 #页面宽高

本文介绍了如何使用JavaScript获取屏幕的实际分辨率与可用区域大小，以及如何获取当前网页的高度和宽度。具体包括window.screen.width、window.screen.height、window.screen.availWidth、window.screen.availHeight、window.document.body.offsetHeight和window.document.body.offsetWidth等属性。

终于能分清楚这些区别了

window.screen.availWidth 返回当前屏幕宽度(空白空间) 

window.screen.availHeight 返回当前屏幕高度(空白空间) 
window.screen.width 返回当前屏幕宽度(分辨率值) 
window.screen.height 返回当前屏幕高度(分辨率值) 
window.document.body.offsetHeight; 返回当前网页高度 
window.document.body.offsetWidth; 返回当前网页宽度
【002JavaScript Window Screen】JavaScript Window Screen：屏幕信息获取与利用指南
燃正科技
06-08 629
本教程将详细介绍 JavaScript 中的 Window Screen 对象，该对象提供了有关用户屏幕的信息和功能。通过 Window Screen 对象，您可以获取屏幕的尺寸、颜色深度、方向等信息，并执行一些与屏幕相关的操作。
JavaScript技巧：获取屏幕宽高的方法
laugh666的博客
10-10 1183
window对象提供了innerWidth和innerHeight属性，可以用来获取浏览器窗口的内部宽度和高度，即排除滚动条的宽度。window对象的outerWidth和outerHeight属性表示浏览器窗口的外部宽度和高度，包括边框和滚动条的宽度。需要注意的是，以上方法获取的屏幕宽高可能会因为浏览器窗口的大小、缩放或其他因素而有所不同。document对象的documentElement属性表示整个文档的根元素，可以通过该属性获取文档的宽度和高度。如有任何疑问，请随时提问。
JS或jQuery获取当前屏幕宽度
kkhk04的博客
07-30 478
原文地址：https://www.cnblogs.com/mlw1814011067/p/9504282.html Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： docu...
JS获取屏幕宽高
山外小楼
01-17 4572
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scro...
js或jQuery获取当前屏幕的各种高度
热门推荐
zzqworkspace的博客
05-25 4万+
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.
前端js获取屏幕高度
夜空繁星VV
01-09 2494
1.浏览器的内部窗口宽度（兼容写法）：window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth 浏览器的内部窗口高度（兼容写法）：window.innerHeight || document.documentElement.clientHeight || document.body.cli...
详解JavaScript编程中的window与window.screen对象
09-21
JavaScript编程中的`window`与`window.screen`对象是Web开发中的基础概念，尤其是在浏览器环境中。`window`对象是JavaScript全局作用域的核心，它代表了用户浏览器窗口本身，包含了所有浏览器提供的全局对象、函数和...
js 获取屏幕各种宽高的方法(浏览器兼容)
10-27
在Web开发中，获取屏幕和网页元素的各种宽高信息是常见的需求，以便进行页面布局、元素定位和动态调整等操作。JavaScript为此提供了丰富的接口，但不同的浏览器对这些接口的支持度有所差异，这就要求开发者编写兼容...
详解js动态获取浏览器或页面等容器的宽高
10-17
13. **window.screen.availHeight** - 描述：返回屏幕可用工作区的高度，不包括被系统任务栏等占去的高度。 - 使用场景：确定页面内容在实际可用屏幕区域的高度。 14. **window.screen.availWidth** - 描述：...
javascript获取网页宽高方法汇总
10-23
屏幕色彩深度可以通过window.screen.colorDepth获取，屏幕设备的像素密度可以通过window.screen.deviceXDPI获得，但这个属性在IE外的浏览器中不支持。 在JavaScript中获取页面宽高的一个示例代码如下： ```...
js获取屏幕分辨率的方法
11-28
js获取屏幕分辨率的方法有利于div自适应窗口大小。
JS获取屏幕分辨率 及 窗口尺寸
偏执
08-07 2507
要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；Document对象的body属性对应HTML文档的标签。event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量。网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域宽：document.body.offsetWidth (包括边线的宽)
js获取电脑分辨率不同的时候给div设置不同的高度
笑到世界都狼狈的博客
03-13 1003
项目中有遇到类似的问题，是通过获取分辨率进行修改的，记录一下。 /** * 分辨率高度小于900时高度变小 * @type {number} */ var windowsHeight = window.screen.height;//屏幕分辨率高度 var dialogHeight = 0;//声明一个变量，高度 if (windowsHeight > 900){ dial...
解决前端页面在笔记本和台式显示器比例大小不一问题（适配笔记本125% 150%缩放解决方法）
小匠的Blog
06-13 5790
适配笔记本125% 150%缩放解决方法
宽度和高度-js-引
十年一剑
06-09 834
// alert(document.body.scrollHeight); // alert(document.body.scrollTop);// alert(document.documentElement.scrollTop);alert(document.body.clientWidth);alert(document.body.scrollHeight);/* w   =docum
JS获取各种屏幕的宽度和高度
m0_48524046的博客
12-09 7827
JS获取各种屏幕的宽度和高度
JavaScript/JS获取屏幕的分辨率
qq_45735918的博客
10-25 5546
获取屏幕高度。获取屏幕宽度。
JS获取屏幕的宽度(用来判断当提示信息框离右边屏幕太近时左边显示)
曾小超的博客
08-04 726
例子： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ margin:0; padding: 0; display: flex; justify-content: flex-end; position: relative; mar
用js监控分辨率调整背景图片宽度_P5.js基础1——绘画与图形
weixin_39760434的博客
12-04 669
之前已经介绍过了P5.js的编辑器，也简单说明了它的用法，这次我们就开始使用它来画一些简单的二维图形。当我们代开编辑器,然后选择新建一个草图，就会看到在编辑器中已经有了设置函数setup() 和绘画函数draw() 。 在这里我们可以看到有一些花括号、小括号、逗号和分号，在括号中还有一些数字，此外还有一些英语单词，这些单词在程序中通常被称为命令或指令。在P5.js中它有一个专有的名称，就是函数。...
window.screen对象
最新发布
09-30
window.screen对象是JavaScript中用于获取用户屏幕信息的对象，提供了关于用户屏幕的尺寸、可用空间、颜色深度等属性。以下是对其属性的详细介绍及使用示例： ### 常用属性及含义 - `screen.width`：返回以像素计的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值