当前位置:首页 > 开发 > 编程语言 > 编程 > 正文

js获取窗口的高宽度集锦

发表于: 2013-03-22   作者:知了ing   来源:转载   浏览:
摘要: JS中获得窗口属性的方法 1。获得屏幕的分辨率: screen.width screen.height 2。获得窗口大小: document.body.clientWidth document.body.clientHeight 3。获得窗口大小(包含Border、Scroll等元素) document.body.offsetWidth document.body.off
JS中获得窗口属性的方法
1。获得屏幕的分辨率:
screen.width
screen.height

2。获得窗口大小:
document.body.clientWidth
document.body.clientHeight

3。获得窗口大小(包含Border、Scroll等元素)
document.body.offsetWidth
document.body.offsetHeight 

var x = document.body.scrollLeft;
var y = document.body.scrollTop;

//获取屏幕宽度
    availWidth = parseInt(window.screen.availWidth);
    availHeight = parseInt(window.screen.availHeight);

//获取可见区域宽度 高度
    availWidth = parseInt(document.body.clientWidth);
    availHeight = parseInt(document.body.clientHeight);
       
可见区域高度:document.body.clientHeight
总高度:document.body.scrollHeight
可见区域宽度:document.body.clientWidth
总宽度:document.body.scrollWidth

js 窗口尺寸属性

clientHeight    获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 
  
clientLeft    获取   offsetLeft 属性和客户区域的实际左边之间的距离。    

clientTop    获取   offsetTop    属性和客户区域的实际顶端之间的距离。  
 
clientWidth    获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。
    
offsetHeight    获取对象相对于版面或由父坐标   offsetParent    属性指定的父坐标的高度。 
  
offsetLeft   获取对象相对于版面或由   offsetParent    属性指定的父坐标的计算左侧位置。  

offsetParent    获取定义对象   offsetTop    和   offsetLeft    属性的容器对象的引用。    

offsetTop    获取对象相对于版面或由   offsetTop    属性指定的父坐标的计算顶端位置。  
 
offsetWidth    获取对象相对于版面或由父坐标   offsetParent    属性指定的父坐标的宽度。    

offsetX    设置或获取鼠标指针位置相对于触发事件的对象的   x    坐标。    

offsetY    设置或获取鼠标指针位置相对于触发事件的对象的   y    坐标。
网页可见区域宽: 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;

js获取窗口的高宽度集锦

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
准确获得页面、窗口高度及宽度的JS function getPageSize(){ var xScroll, yScroll; if (window.inn
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见
JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸 1)关于 pageX, clienX,offsetX,laye
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对
JS获取浏览器高度和宽度 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.cli
JS获取浏览器高度和宽度 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.cli
JS获取浏览器高度和宽度 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.cli
JS获取浏览器高度和宽度 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.cli
获取显示区域尺寸可以用 clientHeight clientWidth 获取内容尺寸可以用 scrollHeight scrollWidth
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号