JavaScript 获取浏览器的显示区域大小信息

最新推荐文章于 2022-12-30 11:01:14 发布
最新推荐文章于 2022-12-30 11:01:14 发布
阅读量165 收藏
点赞数
分类专栏： xml和html基础 文章标签： 浏览器 JavaScript 工作 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beyondsanli/article/details/83263409
版权 
区域说明  JavaScript Code  
网页可见区域宽  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

 

beyondsanli
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
获取屏幕宽度
不念书的小子
05-29 123
Display display = getWindowManager().getDefaultDisplay();  Log.i("view", "height:" + display.getHeight());  Log.i("view", "width:" + display.getWidth());
Android获取屏幕宽度与长度的三个方法
lurunlan的专栏
08-03 669
1、WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); int height = wm.getDefaultDisplay().getHeight();     2、WindowManager w
获取屏幕的宽度用dom方式
最新发布
weixin_42577735的博客
12-30 708
可以使用 JavaScript 获取屏幕的宽度。 一种方法是使用 window.innerWidth 属性： const width= window.innerWidth; 这个属性返回的是浏览器窗口的内部宽度，即除去边框和滚动条的区域的宽度。 如果要获取整个屏幕的宽度，可以使用 screen.width 属性： const width = screen.width; 这个属性返回的是整个屏幕...
获得屏幕宽度和高度的方法
lininglive的专栏
11-13 1368
最近突发奇想，想知道android应用是如何获得当前设备屏幕的宽度和高度的呢。 经过一番搜索， 在设备的属性里只找到了 ro.xx.lcd_density]: [160]，这只是说明了当前屏幕的密度，并不能反应屏幕的宽高信息。 经过搜索博客找了 一下方法。  // 通过WindowManager获取 DisplayMetrics dm = new DisplayMetric
浏览器页面区域大小的js获取方法
10-26
本文将详细讲解如何使用JavaScript获取浏览器的窗口宽度和高度，并探讨不同浏览器之间的差异。 首先，我们有两种主要的方法来获取浏览器的可视区域大小： 1. `document.body.clientWidth` 和 `document.body....
JS获取各种浏览器窗口大小的方法
10-26
本文将详细介绍如何使用JavaScript获取各种浏览器窗口的大小，并解释这些方法的兼容性及其适用场景。 首先，最直接的方法是通过浏览器提供的Window对象的属性来获取窗口尺寸。Window对象提供了`innerWidth`和`...
javascript实现获取图片大小及图片等比缩放的方法
10-21
在实际应用中，获取图片尺寸通常用于动态控制页面布局，如图片预加载、生成缩略图、动态调整图片大小以适应不同的显示区域等场景。而等比缩放图片则是为了保证在缩放后图片的视觉效果不会因为拉伸或压缩而变得失真，...
JS实现左右拖动改变内容显示区域大小的方法
10-23
在探讨如何使用JavaScript实现左右拖动改变内容显示区域大小的方法之前，首先需要了解该技术的应用场景。在网页设计中，响应式的布局能够提供更好的用户体验，用户可以根据自己的需求调整内容显示区域的大小，这在...
检测浏览器各类尺寸的页面
xieronghua246的博客
06-08 152
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>    <title>Screen Size Test</title>    <script language="JavaScript" type="text/
js获取当前ip及当前地区城市
05-14
js获取当前ip及当前地区城市，使用样例
JS方式简单显示用户IP与地区来源
悠然&漫步的专栏
02-14 1306
body>script type="text/javascript" src="http://fw.qq.com/ipaddress" charset="gb2312">script>script type="text/javascript">document.write("您的IP地址是：" + IPData[0] + "您来自：" + IPData[2] + IPData[3]); scrip
viewPort(浏览器窗口的整个显示区域)
weixin_33858485的博客
02-19 236
2019独角兽企业重金招聘Python工程师标准>>> ...
浏览器的一些区域和位置信息记录
stalwartwill的专栏
05-22 1383
区域1：整个浏览器区域（包括菜单栏、状态栏） 区域2：窗口视区（可以看到HTML内容的区域） 区域3：内容区域（包括由于滚动偏移看不到的区域） window.innerHeight, window.innerWidth    区域2 window.outerHeight, window.outerWidth    区域1。IE和火狐的值有点偏大。Chrome刚好 document
获取屏幕宽度的几种方法
wqewq19的博客
01-16 500
传承者（Inheritors）欢迎各位纠正错误，评论，吐槽！！！ 来源网络： WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); int height = w
java如何获取屏幕大小_[Java教程]【转载】JS获取屏幕大小
weixin_36429702的博客
02-25 316
[Java教程]【转载】JS获取屏幕大小0 2016-05-23 13:00:05前些日子需要给项目的弹窗上面罩，因为项目左侧是树形菜单，右侧嵌套的iframe ，iframe 的内容不是固定大小，那么，面罩的大小也就不是固定的因此，用到了JQuery获取当前页面的窗口大小，于是百度了一下，在博客园另一个博主风飘零的博文http://www.cnblogs.com/lf6112/ar...
Android 获取屏幕宽高的正确姿势
TDSSS的博客
11-17 8957
获取APP当前手机的屏幕宽高
三种获取屏幕宽度和高度的方法
斯客风的博客
03-27 4890
android获取屏幕宽度和高度 1.   WindowManager wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); int height = wm.getDefaultDisplay(
js中获取当前屏幕宽度方法如下：
weixin_42952665的博客
10-05 3819
js中获取当前屏幕宽度方法如下： 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth （包括边线的宽） 网页可见区域高： document.body.offsetHeight （包括边线的高） 网页正文全文宽： document.body....
JavaScript获取鼠标点击坐标及浏览器相关对象详解
3. `Screen`对象提供了关于用户屏幕的信息，如`width`和`height`表示屏幕的总尺寸，而`availWidth`和`availHeight`则表示用户实际可用的工作区域大小，通常不包括任务栏或状态栏。 4. `history`对象与浏览器的历史...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

beyondsanli

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值