网页可见区域宽 document.body.clientWidth 
网页可见区域高 document.body.clientHeight 
网页可见区域宽(包括边线的宽) document.body.offsetWidth 
网页可见区域高(包括边线的宽) document.body.offsetHeight 
网页正文全文宽 document.body.scrollWidth 
网页正文全文高 document.body.scrollHeight 
网页被卷去的高 document.body.scrollTop 
网页被卷去的左 document.body.scrollLeft 
网页正文部分上 window.screenTop 
网页正文部分左 window.screenLeft 
屏幕分辨率的高 window.screen.height 
屏幕分辨率的宽 window.screen.width 
屏幕可用工作区高度 window.screen.availHeight 
屏幕可用工作区宽度 window.screen.availWidth

把以下这段代码放到<head></head>之间或<body></body>之间预览即可看到数据
<script language="javascript" type="text/javascript">

width_screen=screen.width;
height_screen=screen.height;
availWidth_screen=screen.availWidth;
availHeight_screen=screen.availHeight;
colorDepth_screen=screen.colorDepth;

document.write("你的屏幕宽为："+width_screen+"<br />你的屏幕高为："+height_screen+"<br />你的屏幕可用宽为："+availWidth_screen+"<br />你的屏幕可用高为："+availHeight_screen+"<br />你的颜色设置所有为数为："+colorDepth_screen);

</script>

<script language="javascript">
function screenInfo(){
   var s = "";
  s += "\r\n网页可见区域宽："+ document.body.clientWidth;
  s += "\r\n网页可见区域高："+ document.body.clientHeight;
  s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线的宽)";
  s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
  s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
  s += "\r\n网页正文全文高："+ document.body.scrollHeight;
  s += "\r\n网页被卷去的高："+ document.body.scrollTop;
  s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
  s += "\r\n网页正文部分上："+ window.screenTop;
  s += "\r\n网页正文部分左："+ window.screenLeft;
  s += "\r\n屏幕分辨率的高："+ window.screen.height;
  s += "\r\n屏幕分辨率的宽："+ window.screen.width;
  s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
  s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
  alert(s);
}
</script>

js读取屏幕长宽的更多相关文章

  1. Android获取屏幕长宽

    总结了下,我遇到的获取Android屏幕长宽的方式总共有三种.大同小异,重点在于如何获取系统中的WindowManager管理类对象,方可对数据的操作: 代码如下 /** * @return 屏幕的长 ...

  2. Android中获取屏幕长宽的方法

    package com.kale.screen; import android.annotation.SuppressLint; import android.app.Activity; import ...

  3. android获取屏幕长宽的方法

    package com.kale.imageview02; import android.annotation.SuppressLint; import android.app.Activity; i ...

  4. js得到区域长宽

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

  5. 原生js获取屏幕的宽高

    function client(){ if(window.innerHeight !== undefined){ return { "width": window.innerWid ...

  6. 分享一个快速设置背景的js 自动获取背景图的长宽

    我来分享一个快速设置背景的js (需要jq支持!) 快速切图铺页面用---就是不需要手动输入背景图的长宽 自动获取背景图的长宽 : <div class="wrap"> ...

  7. 纯css实现长宽等比例的div

    现代网站页面基本都需要响应式,一个div的长宽往往我们都设置为百分之多少,这个百分之是相对于父容器动态计算的 这样在浏览器宽度变化之后,我们的元素也能自动更新长宽.例如:我们在页面上摆了一个div,这 ...

  8. JS快速获取图片宽高的方法

    快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器. 我们一步一 ...

  9. js获取屏幕大小

    1.js获取屏幕大小 <html> <script> function a(){ document.write( "屏幕分辨率为:"+screen.widt ...

随机推荐

  1. js 定位到指定位置

     <script>    //滚动定位到product         function scroll() {             var scroll_offset = $(&quo ...

  2. SqlServer存储过程

    新上线的车管系统,今天要给User添加权限,才发现这个后台加权限简直how to play .. 比如有人申请合肥的关务权限: 1.SITE 是合肥 2.ORG 有B81,P81,S81,M81等 3 ...

  3. MongoDB 创建数据库

    语法 MongoDB 创建数据库的语法格式如下: use DATABASE_NAME 如果数据库不存在,则创建数据库,否则切换到指定数据库. 实例 以下实例我们创建了数据库 runoob: > ...

  4. 安装pdo.so和pdo_mysql.so还有pcntl.so扩展到php中

    1.下载源码,解压tar -xzvf php-5.4.20.tar.gz cd  /usr/local/src/php-5.4.20/ext/pdo /usr/local/php/bin/phpize ...

  5. 平衡二叉树(AVL)

    性质:它是一棵空树或它的左右两个子树的高度差的绝对值不超过1,并且左右两个子树都是一棵平衡二叉树. 定义:平衡二叉树或为空树,或为如下性质的二叉排序树: (1)左右子树深度之差的绝对值不超过1; (2 ...

  6. Java排序

    给出10个数,使用某种排序方法,按照从小到大的顺序输出个个数. 根据要求,首先得给出这10个数,这里的算法需要一个循环,数据结构需要一个长度为10的整型数组.首先用BufferedReader in= ...

  7. Android工程目录及其作用简介

    1. src:存放所有的*.java源程序. 2. gen:为ADT插件自动生成的代码文件保存路径,里面的R.java将保存所有的资源ID. 3. assets:可以存放项目一些较大的资源文件,例如: ...

  8. Zend Studio下调试PHP的一点注意事项

    Zend Studio默认php文件的存放路径是你配置的服务器的路径,比如你配置的服务器是localhost,那么,你在zend下建立的文件均是相对于localhost而言的,比如你新建一个php工程 ...

  9. DevExpress汉化(WinForm)

    /* *隔壁老王原创,2013-09-21,转载请保留本人信息及本文地址. *本文地址:http://wallimn.iteye.com/blog/1944191 */ 最简单的方式就是使用汉化资源, ...

  10. MapReduce shuffle阶段详解

    在Mapreduce中,Shuffle过程是Mapreduce的核心,它分布在Mapreduce的map阶段和reduce阶段,共可分为6个详细的阶段: 1).Collect阶段:将MapTask的结 ...