各种高度和宽度

转载 2007年09月25日 10:38:00

网页可见区域宽:
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
 
对于firefox有个兼容性问题。
 
如果想设置整个网页的页面宽度用一个层遮罩住的话,要这样处理
 
 
function browserWidth() {
   if (self.innerWidth) {
 return self.innerWidth;
   } else{
 return document.body.clientWidth;
   }
   return 800;
}
 
 
 var ht=browserHeight()+10+"px";
  document.getElementById("v_full_screen").style.position="absolute";
  document.getElementById("v_full_screen").style.left="0px";
  document.getElementById("v_full_screen").style.top="0px";  
  document.getElementById("v_full_screen").style.width=wd;
  var scht=document.body.scrollHeight+"px"; 
  document.getElementById("v_full_screen").style.height=scht;
  document.getElementById("v_full_screen").style.background="#000033";
 
这样处理后页面的整个高度和宽度就是你浏览整个页面的高度和宽度
 

设置div高度等于动态宽度

项目中有时候会遇到这个问题:一行有3个div,希望这3个div平分屏幕宽度,并且高度等于宽度。 第一个问题:平分屏幕宽度 可以对div设置百分比宽度,而不是直接用px宽度,这里用到了响应式设计的思...
  • WeLoveSunFlower
  • WeLoveSunFlower
  • 2015年09月18日 18:26
  • 5845

javascript获取浏览器宽度和高度

测试浏览器及版本:IE8、FF5、Chrome12 屏幕分辨率:1366 x 768 文档声明:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
  • bravezhe
  • bravezhe
  • 2013年06月07日 15:56
  • 5866

Table的思索(一):TD宽度与高度的分配

在用table进行布局时,大部分人都会对齐复杂且略显混乱的空间分配方式感到无所适从,尤其是在计量单位像素(px)与百分比(%)进行混合使用时,本文详细讲述了在auto布局下表格的宽度与高度如何进行分配...
  • yiifaa
  • yiifaa
  • 2016年08月03日 16:08
  • 1201

js获取浏览器body或窗宽度高度

很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下: var s = " "; document.documentElement.scrol...
  • jinzhuming0308
  • jinzhuming0308
  • 2016年04月02日 12:22
  • 4956

css获取屏幕高度、宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offse...
  • wd4java
  • wd4java
  • 2014年12月26日 16:40
  • 22064

二叉树基本算法,递归非递归遍历以及求高度、宽度等

二叉树基本算法,遍历以及求高度、宽度等路径 转自Powered by: C++博客   Copyright © 天一程 //二叉树的相关算法,《数据结构习题与解析》7.3 //算...
  • Youyou_0826
  • Youyou_0826
  • 2017年04月20日 20:18
  • 1630

jQuery获取与设置div的宽高

有两种方法获取与设置div的宽高:使用尺寸函数或使用css方法 获取宽高 1. 尺寸函数:height() 获取高度,width() 获取宽度 2. css获取div宽高:css("height"...
  • suiyu1992
  • suiyu1992
  • 2016年07月30日 16:41
  • 8323

storyboard xib下label怎么自适应宽度高度

先看需求:两个Label,要求蓝色的label紧跟在红色的label文字后面 ok首选正常添加约束 红色的Label添加宽度,高度,左边,上边约束 蓝色的Label添加宽度,高度,左边,和红...
  • klshuo
  • klshuo
  • 2015年12月19日 13:15
  • 11294

CSS将边框border设定到宽度和高度中

今天偶遇一个css方面的问题,因为以前也为该问题苦恼过,今天得到了解决方案,而且答案很简单,就是给css加上一个属性就搞定了,由于该属性平时很少用,为了方便以后查看,特此记录。 要实现的效果图我们想实...
  • u010956470
  • u010956470
  • 2016年11月02日 18:39
  • 5623

UITableViewCell分隔线的全屏宽度和高度

方式一:自定义Cell,重写setFrame:方法,在调用父类方法[super setFrame:fame];之前减掉cell的高度:frame.size.height -= 10;减去的值即为分隔线...
  • vbirdbest
  • vbirdbest
  • 2016年09月13日 12:11
  • 4643
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:各种高度和宽度
举报原因:
原因补充:

(最多只允许输入30个字)