Javascript中得到各种高度的方法

最新推荐文章于 2022-05-18 16:53:02 发布
最新推荐文章于 2022-05-18 16:53:02 发布
阅读量1k 收藏
点赞数
分类专栏： Javascript 文章标签： javascript 工作
在javascript中得到当前窗口的高和宽  
  <body><SCRIPT   LANGUAGE="JavaScript">  
  var     s   =   "";  
  s   +=   "/r/n网页可见区域宽："+   document.body.clientWidth;  
  s   +=   "/r/n网页可见区域高："+   document.body.clientHeight;  
  s   +=   "/r/n网页可见区域宽："+   document.body.offsetWidth     +"   (包括边线和滚动条的宽)";  
  s   +=   "/r/n网页可见区域高："+   document.body.offsetHeight   +"   (包括边线的宽)";  
  s   +=   "/r/n网页正文全文宽："+   document.body.scrollWidth;  
  s   +=   "/r/n网页正文全文高："+   document.body.scrollHeight;  
  s   +=   "/r/n网页被卷去的高："+   document.body.scrollTop;  
  s   +=   "/r/n网页被卷去的左："+   document.body.scrollLeft;  
  s   +=   "/r/n网页正文部分上："+   window.screenTop;  
  s   +=   "/r/n网页正文部分左："+   window.screenLeft;  
  s   +=   "/r/n屏幕分辨率的高："+   window.screen.height;  
  s   +=   "/r/n屏幕分辨率的宽："+   window.screen.width;  
  s   +=   "/r/n屏幕可用工作区高度："+   window.screen.availHeight;  
  s   +=   "/r/n屏幕可用工作区宽度："+   window.screen.availWidth;  
  s   +=   "/r/n你的屏幕设置是   "+   window.screen.colorDepth   +"   位彩色";  
  s   +=   "/r/n你的屏幕设置   "+   window.screen.deviceXDPI   +"   像素/英寸";  
  alert(s);  
  </SCRIPT>
vividboy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中各种尺寸的获取
01-08
JS中各种尺寸的获取 页面上的尺寸获取 clientWidth/clientHeight——视口大小：可见区域的宽度或高度，不包括border、水平滚动条、margin的元素的宽度或高度，只包括元素的内容区域和padding值。 offsetWidth/offsetHeight——视觉大小：看得见的大小，不包括margin的元素的宽度或高度，只包括padding、border、水平滚动条的宽度或高度。 offsetTop/offsetLeft——当前元素的偏移量：当父级有定位，根据父级的偏移量，父级没有定位则是根据页面的偏移量。表示相对父级顶部或者左边的距离。 scrollWidth/s
原生js如何获取某一元素的高度
热门推荐
fydxx的博客
11-27 3万+
一般有三种方法: 1.document.getElementById("id").style.height,这种方法的前提是必须之前已经显示的在css中声明过height,才能取得正确的值 2.document.getElementById("id").clientHeight 3.document.getElementById("id").offsetHeight
JS 获取 元素自身区域尺寸
qq_46275230的博客
05-15 212
JS 获取 元素自身区域尺寸 文章目录JS 获取 元素自身区域尺寸样例代码-便于区别1.content区域宽/高+paddingclientWidthclientHeight2.content区域宽/高+padding+滚动条+边框offsetWidthoffsetHeight3.content区域宽/高+padding+卷曲宽/高scrollWidthscrollHeight4.边框宽度 样例代码-便于区别 <style> * { margin: 0; padding: 0;
在javascript中得到当前窗口的高和宽
yicel的专栏
12-18 714
    var     s   =   "";     s   +=   "/r/n网页可见区域宽："+   document.body.clientWidth;     s   +=   "/r/n网页可见区域高："+   document.body.clientHeight;     s   +=   "/r/n网页可见区域宽："+   document.body.offsetWidth  
vue.js 获取当前屏幕的宽度_js获取移动端屏幕高度和宽度等设备尺寸
weixin_39924329的博客
12-19 4977
js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法：document.documentElement.clientWidth;document.documentElement.clientHeight;这段js代码得到的就是移动设备的可见宽高，比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64)，iPhone 5里为320*504...
获取元素高度与宽度
weixin_45932733的博客
09-09 5658
1.在js中获取元素的高度与宽度,用到这两个api分别为offsetWidth与offsetWidth const width = document.body.offsetWidth const height = document.body.offsetheight 2.同理获取id或者class的高度与宽度同一类似，id与class就是你所取的名字 const width = document.getElementById("id").offsetWidth const height = documen
JS-获取元素的尺寸
hello world
06-05 445
clientHeight 获取自身高度与上下padding之和。clientWidth 获取自身宽度与左右padding之和。client 客户端。
JS获取img图片的原始尺寸高度和宽度
彭世瑜的博客
05-18 2万+
目录方式一：obj.style.width方式二：width/height方式三：offsetWidth/clientWidth方法四： getComputedStyle和 currentStyle方式五：Image对象方法六：naturalWidth方式七：兼容写法 方式一：obj.style.width 通过img对象的style属性获取，如果没有设置style，将返回空 <img class="image" style="width: 100px; height: 200px;
Js/Jquery获取网页屏幕可见区域高度（转）
a4636666的博客
03-27 320
原文地址：https://www.cnblogs.com/whb17bcdq/p/6513766.html document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 ...
JS 取控件或者DIV的尺寸与大小,
06-14 2766
var tr=itemtab.rows[i];  var oRect = tr.getBoundingClientRect();  var top = oRect.top;  var btm = oRect.bottom;  var itemtr=btm-top;//货品第一行+再加上记录的高度
jQuery javascript获得网页的高度与宽度的实现代码
10-22
下面小编就为大家带来一篇jQuery javascript获得网页的高度与宽度的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考
javascript获取网页各种高宽及位置的方法总结
01-21
screen对象 获取屏幕的高宽（分辨率） screen.width //屏幕的宽 screen.height //屏幕的高 screen.availWidth //屏幕可用宽度 屏幕的像素高度减去系统部件高度...window.innerWidth //窗口中可视区域(viewpoint)的
javascript获取元素偏移量的方法有哪些
10-25
javascript中可以通过四个属性获得元素的偏移量，offsetHeight、offsetWidth、offsetLeft、offsetTop，下面为大家解释下各属性的含义
纯javascript实现图片延时加载方法
11-30
最近在做某银行的网站，只有挤上首页才能得到更多的关注，于是乎各种业务人员就开始了首页位置之争，为了平息他们的战乱。体现我大度包容的一面 ，啊哈哈哈 首页囊括了他们全部的需求，他们满意的走人了，结果技术...
JS取各种尺寸的方法
赵亮的博客专栏(theforever，碧海情天)
07-11 1093
JS取浏览器和网页可见区高和宽 ：     var      s    =    "网页可见区域宽："+    document.body.clientWidth;    s    +=    "\r\n网页可见区域高："+    document.body.clientHeig
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
chelen_jak的专栏
10-29 691
原文出处：https://www.imooc.com/article/17571 每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下： clientHeight和offsetHeight属...
Javascript获取页面、屏幕尺寸大小参数
浮生慢慢的博客
08-09 1万+
JavaScript获取获取屏幕、浏览器窗口 ，浏览器，网页高度、宽度的大小
js窗口尺寸获取常用属性
Chef_Front的博客
09-07 1万+
window.innerHeight（innerWidth）：表示可见区域的高度（宽度），如果底部（右侧）有滚动条，会把底部（右侧）滚动条的高度（宽度）计算进去，此方法适用于标准浏览器及IE9+。 document.documentElement.clientHeight（clientWidth）：表示可见区域的高度（宽度），不会把滚动条的高度宽度计算进去，此方法适用于标准浏览器及低版本
vue3实时得到盒子高度
最新发布
06-13
首先，在模板中使用`ref`获取需要监测高度的元素： ```html 这是一个盒子 ``` 然后，在组件内部使用`watch`来监测盒子高度的变化： ```javascript import { ref, watch } from 'vue'; export default { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值