*screen.width

  功能:声明了显示浏览器的屏幕的宽度,以像素计。

  语法:screen.width

*screen.height

  功能:声明了显示浏览器的屏幕的可用宽度,以像素计。

  语法:screen.availWidth

*screen.availWidth

  功能:声明了显示浏览器的屏幕的可用宽度,以像素计。

  语法:screen.availWidth

*screen.availHeight

  功能:声明了显示浏览器的屏幕的可用高度,以像素计。这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。

  语法:screen.availHeight

*实例1

  获取浏览器的宽度、高度、可用宽度、可用高度。

  <script type="text/javascript">
  document.write( "屏幕宽度:"+screen.width+"px<br />" );
  document.write( "屏幕高度:"+screen.height+"px<br />" );
  document.write( "屏幕可用宽度:"+screen.availWidth+"px<br />" );
  document.write( "屏幕可用高度:"+screen.availHeight+"px" );
  </script>

  这段代码的效果为:

  屏幕宽度:1440px
  屏幕高度:900px
  屏幕可用宽度:1440px
  屏幕可用高度:870px
 
 

*更多

  HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

  scrollHeight: 获取对象的滚动高度。 
  scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 
  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 
  scrollWidth:获取对象的滚动宽度

  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 
  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 
  offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

  event.clientX 相对文档的水平座标 
  event.clientY 相对文档的垂直座标 
  event.offsetX 相对容器的水平坐标 
  event.offsetY 相对容器的垂直坐标

  document.documentElement.scrollTop 垂直方向滚动的值

  event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

 这里是JavaScript中建造迁移转变代码的常用属性
  页可见区域宽: 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;

网页Screen width、height、availWidth、availHeight属性的更多相关文章

  1. 网页的Width ,Height

    Jquery中可直接用接口$().height(); 获取浏览器窗口高$(window).height() 获取内部文档高$("body").height() 原生JS 网页可见区 ...

  2. 如何理解VB窗体中的scale类属性及width height属性之间的关系

    如何理解VB窗体中的scale类属性及width height属性之间的关系 VB中的SCALEHIEGT,SCALEWIDTH,与窗体中的WIDTH,HEIGHT的区别及关系是许多VB初学者难以理解 ...

  3. screen.height && screen.width

    screen.height && screen.width how to get window max width in js screen.height; screen.width; ...

  4. JS对象 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽

    屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息. 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位 ...

  5. 了解screen对象的常用视图属性

    前面的话 screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的 ...

  6. 关于对象的 width offsetwidth availWidth scrollHeight

    别人总结的.自己记不住,所以留着 了 offsetWidth 包含了对象的边线的宽度width 若你不在html 代码里明确指定这个值,那它的返回值会不一样,如果设置了width 则一样. widht ...

  7. javascript 获取文档/屏幕的Width||Height

    document.body.clientWidth //网页可见区域宽度document.body.clientHeight //网页可见区域高度document.body.offsetWidth / ...

  8. [转]了解screen对象的常用视图属性

    前面的话 screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的 ...

  9. clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

    一.定义和用法 1.event.clientX:事件对象的水平偏移量: event.clientY:事件对象的垂直偏移量: 2.event.pageX:事件对象加上滚动距离后的水平偏移量: event ...

随机推荐

  1. 【分享】国外后台界面HTML源码 [免费]

    国外后台界面HTML模版下载,里面的文字是英文的,不过可以修改成中文,带有数据统计界面和曲线图,本套模板相对完整,在主界面上点击那些菜单,都可以点开二级页面,希望对搞代码的程序员,对不擅长美工的朋友提 ...

  2. ECMAScript 6 Features 中文版

    ECMAScript 6 Features 中文版 如词不达意,欢迎提 PR & issue 采用中英混排的方式进行译制,如不解请查看对应原文 本文档将与原作者的 文档 保持同步更新,欢迎关注 ...

  3. 51Nod-1136 欧拉函数

    51Nod: http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1136 1136 欧拉函数 基准时间限制:1 秒 空间限制: ...

  4. vue 配置文件详解

    var path = require('path'); // NodeJS中的Path对象,用于处理目录的对象,提高开发效率. // 模块导入 module.exports = { // 入口文件地址 ...

  5. Ubuntu 14 設定 遠端連線,讓別台電腦可以連線進來

    Ubuntu 14 需 disable 加密,方可 遠端連線 此台電腦 xxx@xxx-ThinkPad-T460p:~$ gsettings set org.gnome.Vino require-e ...

  6. GRE与Vxlan网络详解

    1. GRE 1.1 概念 GRE全称是Generic Routing Encapsulation,是一种协议封装的格式,具体格式内容见:https://tools.ietf.org/html/rfc ...

  7. qingku

    # -*- coding:utf-8 -*- list1=[] list2=[] list3 = [] list4 = [] while True: inputs = raw_input(" ...

  8. Linux操作系统中,*.zip、*.tar、*.tar.gz、*.tar.bz2、*.tar.xz、*.jar、*.7z等格式的压缩与解压

    zip格式 压缩: zip -r [目标文件名].zip [原文件/目录名] 解压: unzip [原文件名].zip 注:-r参数代表递归 tar格式(该格式仅仅打包,不压缩) 打包:tar -cv ...

  9. C#-WinForm-MDI窗体容器、权限设置

    MDI窗体容器 - 放窗体的容器 窗体时顶级控件,是不允许放到其他的控件或窗体中的 (李献策lxc) 窗体属性中有一个属性:IsMdiContainer - 确定该窗体是否是MDI容器 在窗体中放一个 ...

  10. .eww

    http://sourceforge.net/projects/ezwinports/files/ 下载libxml2的文件. 再下载的bin里复制libiconv-2.dll和libxml2-2.d ...