<!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. MySQL定时器开启、调用实现代码

    创建测试表  CREATE TABLE t ( v ) NOT NULL ) ENGINE INNODB DEFAULT CHARSET=utf8; 创建定时器 调用的存储过程  DELIMITER ...

  2. 使用 Daynamic 动态添加属性

    所谓的Dynamic 动态类型,页面也要是动态的(强撸) 很简单的 直接上代码: //案例一 DynamicpersonCollection = new ObservableCollection(); ...

  3. 【POJ 2187】Beauty Contest（凸包直径、旋转卡壳）

    给定点集的最远两点的距离. 先用graham求凸包.旋(xuán)转(zhuàn)卡(qiǎ)壳(ké)求凸包直径. ps:旋转卡壳算法的典型运用 http://blog.csdn.net/hanch ...

  4. Yii2的View中JS代码添加

    直接写 <script> $(function(){ alert("aaa"); }); <script> 会提示出错 是因为view中添加js代码的前面没 ...

  5. BZOJ 2683: 简单题

    2683: 简单题 Time Limit: 50 Sec  Memory Limit: 128 MBSubmit: 913  Solved: 379[Submit][Status][Discuss] ...

  6. MapReduce实现WordCount

    package algorithm; import java.io.IOException; import java.util.StringTokenizer; import org.apache.h ...

  7. 为什么要用hibernate 与基于数据库表结构的项目开发

    最近开始学习hibernate,其实并不知道要学习什么,有什么用．后来问了一下同事,他就说快捷方便简单,很多事情不用自己做他会帮你做好,但是我觉得不应该是这样的,于是我就去搜了一下,就搜到了一篇帖子, ...

  8. 20150706 test2

    净心守志:可会至道.譬如磨镜:垢去明存.断欲无求:当得宿命

  9. PHP Opcode内核实现 - [ PHP内核学习 ]

    catalogue . Opcode简介 . PHP中的Opcode . opcode翻译执行(即时解释执行) 1. Opcode简介 opcode是计算机指令中的一部分,用于指定要执行的操作, 指令 ...

  10. 拉曼软件在win8上运行出错问题

    前提:xp上安装运行都没错  xp的.NET 环境是4.0 ,win8 是64位系统.自带.NET Framework 3 (3.0 3.5) 和.NET Framework 4.51:源程序拷贝到w ...