效果如下：

代码如下：

<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. ActiveReports 报表应用教程 (6)---分组报表

    在 ActiveReports 中可以设置单级分组.嵌套分组,同时,还可以使用表格.列表以及矩阵等数据区域控件对数据源进行分组操作.分组报表在商业报表系统中应用不胜枚举,客户信息归类统计表.商品分类统 ...

  2. 【Java Saves!】Session 6：十六指星人

    前面说,计算机用2个手指头数数,它内部的数是二进制,有0和1两个数字.也看到,对于人来说,二进制数too long, too inconvenient, sometimes troublesome.程 ...

  3. PHP学习笔记：删除与销毁session

    删除某个session值可以使用PHP的unset函数,删除后就会从全局变量$_SESSION中去除,无法访问. session_start(); $_SESSION['name'] = 'jobs' ...

  4. 那一夜,我们..奋笔疾书敲出的--->>库存管理系统

    说了会再见,最近好吗?无论你在哪里>也许你在温暖的家,或许你在身在异乡的城市;或许你高高的峰顶放生高歌,或许你还在陡峭的山峰半空努力攀爬.......相信我们都会登上顶峰,"会当凌绝顶 ...

  5. ahjesus C# Flags 位域略说

    class Program { [Flags] public enum Week { [Description("星期一")] Monday = << , [Descr ...

  6. 关于IE中通过http-equiv="X-UA-Compatible指定文件兼容性模式

    .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier ...

  7. DAX 2009 for Retail's P job does not work after restoring AX database from another environment.

    This time, it's P job.  We already re-configured profiles, distribution locations, distribution grou ...

  8. IOS开发--常用的基本GDB命令

    gdb不是万能的,可是没有gdb却是万万不能的.这里给大家简单介绍下iOS开发中最基本的gdb命令. po po是print-object的简写,可用来打印所有NSObject对象.使用举例如下: ( ...

  9. java调用python代码

    同样的我们需要安装jython,具体的步骤如下: 1. 去 http://sourceforge.net/projects/jython/ 下载最新的jython相关的jar包. 2. 下载下来的ja ...

  10. 斯坦福iOS7公开课7-9笔记及演示Demo

    这一部分主要介绍了iOS的绘图.手势.协议.block.力学特效动画(包括重力.碰撞.吸附等)以及自动布局的内容. 1.绘图.手势 (1)调用一个自定义的UIView时,可以使用awakeFromNi ...