网页可见区域宽 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. cpack

    一. 简介 CPack是CMake 2.4.2之后的一个内置工具,主要作用就是生成制定类型的安装包．它可以脱离cmake单独运行． 二. 基本设置 (mandatory) 设置包类型set(CPACK ...

  2. [leetcode]_Merge Two Sorted Lists

    题目:合并两个有序单链表 思路:一开始想复杂了,以为必须在原链表上修改(绕来绕去还AC了,但是思路相当绕),其实没有,按照正常地合并两个数组同样的方法也对. 代码: public ListNode m ...

  3. Eclipse中Maven的安装

    注:初次尝试安装,配置maven,有错误望指正! 1.说明 maven.rar 是maven文件,解压即可,无需安装,但需要配置环境变量MAVEN_HOME,并放在PATH中,

  4. Laravel 5 基础（十一）- 表单验证

    在建立一个文章的时候,如果你什么都不输入直接提交,ok,你获得了一个空的文章,没有任何错误提示,这是不对的.在命令行下运行 php artisan 可以看到一个选项 make:request,新建一个 ...

  5. Delphi的基本函数

    Delphi的基本函数 函数由一句或多句代码组成,可以实现某个特定的功能.使用函数可以使代码更加易读.易懂,加快编程速度及减少重复代码.过程与函数类似,过程与函数最重要的区别在于,过程没有返回值,而函 ...

  6. MHA在线切换过程

    MHA 在线切换是MHA除了自动监控切换换提供的另外一种方式,多用于诸如硬件升级,MySQL数据库迁移等等.该方式提供快速切换和优雅的阻塞写入,无关关闭原有服务器,整个切换过程在0.5-2s 的时间左 ...

  7. POJ--1416

    #include <stdio.h> #include <stdlib.h> ]={};//代表有没有切割的数组 ;//输入的要被切割的数字 ]={};//切完输出的数组成的数 ...

  8. 《Prism 5.0源码走读》UnityBootstrapper

    UnityBootstrapper (abstract class)继承自Bootstrapper(abstract)类, 在Prism.UnityExtensions.Desktop project ...

  9. SQLserver查询数据库所有字段-表名

    SELECT * FROM INFORMATION_SCHEMA.columns WHERE TABLE_NAME='Account' SELECT (case when a.colorder=1 t ...

  10. [译]rabbitmq 2.4 Multiple tenants: virtual hosts and separation

    我对rabbitmq学习还不深入,这些翻译仅仅做资料保存,希望不要误导大家. With exchanges, bindings, and queues under your belt, you mig ...