效果如下：

代码如下：

<html>

<head>

<title>获取当前对象大小以及屏幕分辨率等</title>

<body>

<div  style=" width:88%;margin:30px auto; color:blue;" id="div_html">

</div>

 <script type="text/javascript">

     var s = "";

      s += " 网页可见区域宽："+ document.body.clientWidth+"<br />";

      s += " 网页可见区域高："+ document.body.clientHeight+"<br />";

      s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"<br />";

      s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"<br />";

      s += " 网页正文全文宽："+ document.body.scrollWidth+"<br />";

      s += " 网页正文全文高："+ document.body.scrollHeight+"<br />";

      s += " 网页被卷去的高(ff)："+ document.body.scrollTop+"<br />";

      s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"<br />";

      s += " 网页被卷去的左："+ document.body.scrollLeft+"<br />";

      s += " 网页正文部分上："+ window.screenTop+"<br />";

      s += " 网页正文部分左："+ window.screenLeft+"<br />";

      s += " 屏幕分辨率的高："+ window.screen.height+"<br />";

      s += " 屏幕分辨率的宽："+ window.screen.width+"<br />";

      s += " 屏幕可用工作区高度："+ window.screen.availHeight+"<br />";

      s += " 屏幕可用工作区宽度："+ window.screen.availWidth+"<br />";

      s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"<br />";

      s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"<br />";  
 

      document.getElementById("div_html").innerHTML = s;

  </script>

</body>

</html>

代码说明图如下：

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

【Javascript Demo】JS获取当前对象大小以及屏幕分辨率等的更多相关文章

  1. （转)JS获取当前对象大小以及屏幕分辨率等

    原文 JS获取当前对象大小以及屏幕分辨率等   <script type="text/javascript">function getInfo(){       var ...

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

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta nam ...

  3. （转）JS获取当前对象大小以及屏幕分辨率等

    Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> ...

  4. JS获取当前网页大小以及屏幕分辨率等

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

  5. js获取页面宽度高度及屏幕分辨率

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

  6. js 获取 客户区 大小

    js 获取 客户区 大小 本文内容来自<javascript高级程序设计(第二版)> 内容, 只是方便大家以后可能会用到... <script type="text/jav ...

  7. 【全面总结】js获取元素位置大小

    [js获取元素位置+元素大小]全面总结 目录 1.关于offset offsetParent(只读) offsetTop(只读) offsetLeft(只读) offsetHeight(只读) off ...

  8. 前端页面js与flash交互——js获取flash对象，并传递参数

    背景介绍: 最近在搞一个项目,涉及到图片选取,裁剪,上传等,由于浏览器安全性问题,js无法获取到<input type="file">中选取的文件路径,而且对照片的裁剪 ...

  9. 前端之JavaScript：JS之DOM对象三

    js之DOM对象三   一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for ...

随机推荐

  1. （旧）子数涵数·PS——文字人物

    首先我们来看一下我用到的素材(在百度图库里下载的). 一.打开PS,在PS中打开素材. 二.复制一个图层(好习惯不解释). 三.图像->调整->阈值,或者按下图示按钮后选择阈值,弹出阈值窗 ...

  2. C程序(3)

  3. CodeForces 149D Coloring Brackets

    Coloring Brackets time limit per test: 2 seconds memory limit per test: 256 megabytes input: standar ...

  4. 一些经典===>>用SQL语句操作数据

    用SQL语句操作数据 结构化查询语言(Structured Query Language)简称SQL(发音:/ˈes kjuː ˈel/ "S-Q-L"),是一种特殊目的的编程语言 ...

  5. YUIDoc example代码高亮错误、生成API文档目录不按源文件注释顺序

    1.如果发现yuidoc命令用不了,那就重装nodejs吧 昨天不知道是清扫电脑的原因,yuidoc命令用不了(命令不存在),也没有找到好的解决方法,怒重装YUIDoc也不行.最后想了想,怒重装了no ...

  6. RHEL7文件权限

    本文介绍Linux下的文件权限 操作系统为RHEL7.2_X86_64 可以从以下三种访问方式限制访问权限: 1 只允许用户自己访问 2 允许一个预先指定的用户组中的用户访问 3 允许系统中的任何用户 ...

  7. Upgrading or Redeploying SharePoint 2010 Workflows

    While creating several State Machine SharePoint 2010 workflows using visual studio for a client I ha ...

  8. 独立博客开张！有关读书、GTD和IT方面的内容将发布在新网站上

    2015年自己建个独立博客http://www.shenlongbin.com,以后与读书.GTD和IT技术有关的主题都放在个人博客中,2015年计划基本制定,请移步到这里. 感谢博客园提供了如此优秀 ...

  9. Navicat 连接 Oracle数据库 提示 cannot load OCI DLL 的解决

    一.32位系统下 cannot load OCI DLL,126 解决方法:工具->选项->OCI 选择oracle安装目录下bin里面的oci.dll 二 .在64位系统下安装了Orac ...

  10. 关于JAVA中的static方法、并发问题以及JAVA运行时内存模型

    一.前言 最近在工作上用到了一个静态方法,跟同事交流的时候,被一个问题给问倒了,只怪基础不扎实... 问题大致是这样的,“在多线程环境下,静态方法中的局部变量会不会被其它线程给污染掉?”: 我当时的想 ...