网页Screen width、height、availWidth、availHeight属性

*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

*更多

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

时间: 2024-09-30 05:16:12

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

[扩展]为UIView扩展x,y,width,height,centerX,centerY,Size,Origin等属性

大家应该知道如何设置一个view组件的位置把,是的,如下: view.frame=CGRectMake(x,y,width,height);//设置组件的x,y坐标,设置组件的宽度高度... 如果我单独要设置坐标或者宽度高度,得这样: view.frame.size.width=100; view.frame.size.height=100; 如果你想偷个懒,比如: view.frame.size=(CGSize){200,200};//这个语句会报错,因为无法对size赋值 通过上面的代码,大

关于对象的 width offsetwidth availWidth scrollHeight

别人总结的.自己记不住,所以留着 了 offsetWidth 包含了对象的边线的宽度width 若你不在html 代码里明确指定这个值,那它的返回值会不一样,如果设置了width 则一样. widht 返回的是 30px ,offsetWidth是数字 30 .  //在javascript中得到当前窗口的高和宽<body><SCRIPT LANGUAGE="JavaScript">var  s = "";s += "\r\n网页可

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

document.body.clientWidth //网页可见区域宽度document.body.clientHeight //网页可见区域高度document.body.offsetWidth //网页可见区域包括边线的宽度document.body.offsetHeight //网页空间区域包括边线的高度document.body.scrollWeight //网页正文全文宽度document.body.scrollHeight //网页正文全文高度document.body.scroll

screen对象的常用视图属性

screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的常用视图属性 width width属性表示屏幕的像素宽度 height height属性表示屏幕的像素高度 //chrome:1080 1920//IE/firefox/safari:864 1536console.log(screen.height,screen.width); avaiWidth ava

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

前面的话 screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的常用视图属性 width width属性表示屏幕的像素宽度 height height属性表示屏幕的像素高度 //chrome:1080 1920 //IE/firefox/safari:864 1536 console.log(screen.height,screen.width); avaiWi

如何正确使用width height 进行合理布局

两个问题引题 1)width,height设置为百分比 2)max-width , max-height 到底是什么意思 0.max-width,max-height 一帮情况使用在图形元素当中,原因是怕图片超出了父容器的大小,那么控制图片最大就是这个值,超过了则按这个值显示,如果没有超过则按 width height进行布局. 1.针对所有HTML元素都具有width 与 height ,而且 HTML标签属性与CSS属性在width和height中都是同样的作用. 2.关于width使用百分

element.getBoundingClientRect().width/height VS. element.offsetWidth/offsetHeight VS. element.clientWidth/clientHeight VS. element.scrollWidth/scrollHeight

获得元素尺寸可谓多种多样,但通常它们是有一定区别的. 先说说元素的getBoundingClientRect()方法,这个方法的width或height属性可以计算元素尺寸,但width或height除了本身的content的宽高之外还包括padding和border的部分,这里不得不说的一个属性就是元素的offsetWidth和offsetHeight属性,这俩属性和getBoundingClientRect()的width和height属性极其相似,也是包含padding和border的部分

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

一.定义和用法 1.event.clientX:事件对象的水平偏移量: event.clientY:事件对象的垂直偏移量: 2.event.pageX:事件对象加上滚动距离后的水平偏移量: event.pageY:事件对象加上滚动距离后的垂直偏移量: 3.$(selector).scrollLeft(offset)=$(selector).offset().left:获得或设置对象的滚动水平位置: $(selector).scrollTop(offset)=$(selector).offset(

as3:sprite作为容器使用时,最好不要指定width,height

除 TextField 和 Video 对象以外,没有内容的显示对象(如一个空的 Sprite)的高度为 0,即使您尝试将 height 设置为其它值,也是这样. 如果您设置了 height 属性,则 scaleY 属性会相应调整(width类推) 原作者:菩提树下的杨过出处:http://yjmyzz.cnblogs.com 也就是说,一个空的sprite,既使您设置了width,height也是没用的(而且人为设置了反而会有负作用,见下面的代码) 1 var _sprite:Sprite =