文档章节

JS获取当前对象大小以及屏幕分辨率等

m
 man_tag
发布于 2015/03/25 15:27
字数 240
阅读 7
收藏 0
  <script type="text/javascript">function getInfo(){ 
     var s = "";   
      s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";    
      s += " 网页可见区域高:"+ document.body.clientHeight+"\n";    
      s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";    
      s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"\n";    
      s += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";    
      s += " 网页正文全文高:"+ document.body.scrollHeight+"\n";    
      s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"\n";    
      s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"\n";    
      s += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";    
      s += " 网页正文部分上:"+ window.screenTop+"\n";    
      s += " 网页正文部分左:"+ window.screenLeft+"\n";    
      s += " 屏幕分辨率的高:"+ window.screen.height+"\n";    
      s += " 屏幕分辨率的宽:"+ window.screen.width+"\n";    
      s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";    
      s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";    
      s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";    
      s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";    
      alert (s);
    }
    getInfo();
  </script>

本文转载自:

共有 人打赏支持
m
粉丝 0
博文 12
码字总数 8419
作品 0
丰台
私信 提问
自适应浏览器高度和宽度+字体大小 JS(主要针对Java后端>>全栈工程师)

自适应浏览器高度和宽度+字体大小有点: 1.能自动判断当前浏览器的高度和宽度(页面里面设置均百分比宽度) 2.JS里面自己设置字体大小,在不同分辨率下显示不一样的字体 3.在浏览器最大化时候...

RGB_俞子轩
2018/06/29
0
0
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offse...

Dicky
2011/12/09
0
1
移动web开发适配方案之Rem

移动端为什么要做适配 移动端相对PC端来说大部分浏览器内核都是基于Webkit的,所以大部分都支持CSS3的最新语法。但是由于手机的屏幕尺寸和分辨率都不太一样(尤其是安卓),所以不得不对不同...

西风瘦码
2018/07/25
0
0
响应式Web设计(四):响应式Web设计的优化

这篇文章主要说说在进行响应式Web设计的过程中,涉及到页面的一些需要进行优化的地方: 1、 轻量级的Javascript库: 针对PC端网页当然会首选jQuery来作为前端javascript库,但是针对移动端来...

幸福2胖纸
2013/05/06
0
23
WebView!!!!日记~~

● Android设备多分辨率的问题 Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示 Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍 三种解...

Neo_
2012/11/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

阿里云vpc、快照、镜像、重置密码_重启_关机、磁盘扩容

VPC 专有网络VPC(Virtual Private Cloud)是用户基于阿里云创建的自定义私有网络, 不同的专有网络之间二层逻辑隔离,用户可以在自己创建的专有网络内创建和管理云产品实例,比如ECS、负载均...

李超小牛子
20分钟前
1
0
阿里高级技术专家:研发效能的追求永无止境

背景 大约在5年前,也就是2013年我刚加入阿里的时候,那个时候 DevOps 的风刚吹起来没多久,有家公司宣称能够一天发布几十上百次,这意味着相比传统软件公司几周一次的发布来说,他们响应商业...

阿里云官方博客
49分钟前
1
0
Android 的 ViewModel 机制源码解析

Android ViewModel 的好处是会随 Activity 销毁调用它的 clear() 方法。 我们分析一下它是怎么做到的。 1. 例子使用: a、 创建类 TestMvvmViewModel 继承 ViewModel,重写 onCleared() ,把...

亭子happy
59分钟前
2
0
WEB 开发总结

事务处理 事务的4个基本特征 1.Atomic(原子性),事务中包含的操作被看做是一个整体的业务单元,这个业务单元中的操作要么全部成功,要么全部失败,不会出现部分成功,部分失败的场景。 2....

北漂的我
今天
3
0
thinkphp5 利用七牛云 将amr格式语音文件转为mp3

$card_id 是我的本地的文件 将问价名字的后缀名去掉注意access_token的有效期public function ceshi1($card_id){ $mediaid = substr($card_id, 0, -4); $accessKey = ...

小小小壮
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部