<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <meta name="renderer" content="webkit"/>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

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

</head>

<body>

<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>

</body>

</html>

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

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

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

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

    效果如下: 代码如下: <html> <head> <title>获取当前对象大小以及屏幕分辨率等</title> <body> <d ...

  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获取元素尺寸大小、鼠标位置

    //e.clientX|Y:表示鼠标相对浏览器可视窗口的当前坐标 //e.offsetX|Y:表示鼠标相对于事件源对象的坐标 //e.pageX|Y:表示鼠标相对于网页的坐标 /* element.o ...

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

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

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

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

随机推荐

  1. java获取json格式中的值

    先右键项目,然后点击properties,然后选中java Builder Path,选择add external jars,引入需要引入json.jar package web; import or ...

  2. Android Studio 2.2的新鲜事

    转载:http://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652039482&idx=1&sn=9aa9b204af34 ...

  3. Leetcode Find the Duplicate Number

    最容易想到的思路是新开一个长度为n的全零list p[1~n].依次从nums里读出数据,假设读出的是4, 就将p[4]从零改成1.如果发现已经是1了,那么这个4就已经出现过了,所以他就是重复的那个数 ...

  4. codeforces 723B：Text Document Analysis

    Description Modern text editors usually show some information regarding the document being edited. F ...

  5. BZOJ3436 小K的农场

    Description 背景 小K是个特么喜欢玩MC的孩纸... 描述 小K在MC里面建立很多很多的农场,总共n个,以至于他自己都忘记了每个农场中种植作物的具体数量了,他只记得 一些含糊的信息(共m个 ...

  6. Python之禅+八荣八耻

    Python之禅 (The Zen of Python):是Python语言的指导原则,可以在Python命令行输入import this显示. import this >>> Th ...

  7. [NOIP2015] 提高组 洛谷P2679 子串

    题目背景 无 题目描述 有两个仅包含小写英文字母的字符串 A 和 B.现在要从字符串 A 中取出 k 个互不重叠的非空子串,然后把这 k 个子串按照其在字符串 A 中出现的顺序依次连接起来得到一 个新 ...

  8. ( 译、持续更新 ) JavaScript 上分小技巧(一)

    感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅 ...

  9. 解决Eclipse 项目报错:Unbound classpath container

    Eclipse出现下面两条报错: The project cannot be built until build path errors are resolved HelloWord Unknown ...

  10. linux下memcache的运用，和php结合小案例。

    由于是采用脚本安装的memache,所以软件的依赖关系我就不操心了,脚本已经帮我装好了和php的关联关系,实在是很省心.后续如果有需要,我会针对windows和linux各写一个安装和配置的说明,一来 ...