文档章节

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_俞子轩
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的最新语法。但是由于手机的屏幕尺寸和分辨率都不太一样(尤其是安卓),所以不得不对不同...

西风瘦码
07/25
0
0
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

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

晨曦之光
2012/03/09
0
0
响应式Web设计(四):响应式Web设计的优化

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

幸福2胖纸
2013/05/06
0
23

没有更多内容

加载失败,请刷新页面

加载更多

下一页

[雪峰磁针石博客]软件测试专家工具包1web测试

web测试 本章主要涉及功能测试、自动化测试(参考: 软件自动化测试初学者忠告) 、接口测试(参考:10分钟学会API测试)、跨浏览器测试、可访问性测试和可用性测试的测试工具列表。 安全测试工具...

python测试开发人工智能安全
今天
2
0
JS:异步 - 面试惨案

为什么会写这篇文章,很明显不符合我的性格的东西,原因是前段时间参与了一个面试,对于很多程序员来说,面试时候多么的鸦雀无声,事后心里就有多么的千军万马。去掉最开始毕业干了一年的Jav...

xmqywx
今天
2
0
Win10 64位系统,PHP 扩展 curl插件

执行:1. 拷贝php安装目录下,libeay32.dll、ssleay32.dll 、 libssh2.dll 到 C:\windows\system32 目录。2. 拷贝php/ext目录下, php_curl.dll 到 C:\windows\system32 目录; 3. p...

放飞E梦想O
今天
0
0
谈谈神秘的ES6——(五)解构赋值【对象篇】

上一节课我们了解了有关数组的解构赋值相关内容,这节课,我们接着,来讲讲对象的解构赋值。 解构不仅可以用于数组,还可以用于对象。 let { foo, bar } = { foo: "aaa", bar: "bbb" };fo...

JandenMa
今天
1
0
OSChina 周一乱弹 —— 有人要给本汪介绍妹子啦

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享水木年华的单曲《中学时代》@小小编辑 手机党少年们想听歌,请使劲儿戳(这里) @须臾时光:夏天还在做最后的挣扎,但是晚上...

小小编辑
今天
38
8

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部