文档章节

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

一缕清风
 一缕清风
发布于 2016/07/12 18:41
字数 227
阅读 0
收藏 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>

本文转载自:http://blog.csdn.net/baokx/article/details/9128911

一缕清风
粉丝 5
博文 128
码字总数 3410
作品 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
255
1
移动web开发适配方案之Rem

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

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

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

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

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

Neo_
2012/11/01
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

Handler简解

Handler 这里简化一下代码 以便理解 Handler不一定要在主线程建 但如Handler handler = new Handler(); 会使用当前的Looper的, 由于要更新UI 所以最好在主线程 new Handler() { mLooper = Lo...

shzwork
8分钟前
0
0
h5获取摄像头拍照功能

完整代码展示: <!DOCTYPE html> <head> <title>HTML5 GetUserMedia Demo</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum......

诗书易经
10分钟前
0
0
正向代理和反向代理

文章来源 运维公会:正向代理和反向代理 1、正向代理 (1)服务对象不同 正向代理服务器的服务对象是客户端,可以将客户端和代理服务器看作一个整体。 (2)配置方法不同 需要在客户端配置代...

运维团
26分钟前
2
0
5个避免意外论文重复率高的方法

即使你不是故意抄袭,但你可能在无意中抄袭了别人的论文, 这个叫做意外抄袭,它可能正发生在你身上,如果你不熟悉学术 道德规范,这里将告诉你5个基本的方法来避免意外抄袭。 Tip1 熟悉其他...

论文辅导员
28分钟前
2
0
Maven通过profiles标签读取不同的配置

<profiles> <profile> <id>dev</id> <properties> <profiles.active>dev</profiles.active> </properties> ......

时刻在奔跑
33分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部