Javascript 获取窗口的宽和高

最新推荐文章于 2024-06-01 20:05:47 发布

paulfzm

最新推荐文章于 2024-06-01 20:05:47 发布

阅读量68

点赞数

分类专栏： JavaScript 文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/paulfzm/article/details/83433343

版权

JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

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

==============================================================

var getWindowInfo=function()
{
var scrollX=0,scrollY=0,width=0,height=0,contentWidth=0,contentHeight=0;
if(typeof(window.pageXOffset)=='number')
{
scrollX=window.pageXOffset;
scrollY=window.pageYOffset;
}
else if(document.body&&(document.body.scrollLeft||document.body.scrollTop))
{
scrollX=document.body.scrollLeft;
scrollY=document.body.scrollTop;
}
else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))
{
scrollX=document.documentElement.scrollLeft;
scrollY=document.documentElement.scrollTop;
}

if(typeof(window.innerWidth)=='number')
{
width=window.innerWidth;
height=window.innerHeight;
}
else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight))
{
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
else if(document.body&&(document.body.clientWidth||document.body.clientHeight))
{
width=document.body.clientWidth;
height=document.body.clientHeight;
}

if(document.documentElement&&(document.documentElement.scrollHeight||document.documentElement.offsetHeight))
{
if(document.documentElement.scrollHeight>document.documentElement.offsetHeight){
  contentWidth=document.documentElement.scrollWidth;
  contentHeight=document.documentElement.scrollHeight;
}
else
{
  contentWidth=document.documentElement.offsetWidth;
  contentHeight=document.documentElement.offsetHeight;
}
}
else if(document.body&&(document.body.scrollHeight||document.body.offsetHeight))
{
if(document.body.scrollHeight>document.body.offsetHeight)
{
  contentWidth=document.body.scrollWidth;
  contentHeight=document.body.scrollHeight;
}else{
  contentWidth=document.body.offsetWidth;
  contentHeight=document.body.offsetHeight;
}
}
else
{
contentWidth=width;
contentHeight=height;
}
if(height>contentHeight)
height=contentHeight;
if(width>var x = document.body.scrollLeft;
var y = document.body.scrollTop;

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

if(document.documentElement&&(document.documentElement.scrollHeight||document.documentElement.offsetHeight))
{
if(document.documentElement.scrollHeight>document.documentElement.offsetHeight){
  contentWidth=document.documentElement.scrollWidth;
  contentHeight=document.documentElement.scrollHeight;
}
else
{
  contentWidth=document.documentElement.offsetWidth;
  contentHeight=document.documentElement.offsetHeight;
}
}
else if(document.body&&(document.body.scrollHeight||document.body.offsetHeight))
{
if(document.body.scrollHeight>document.body.offsetHeight)
{
  contentWidth=document.body.scrollWidth;
  contentHeight=document.body.scrollHeight;
}else{
  contentWidth=document.body.offsetWidth;
  contentHeight=document.body.offsetHeight;
}
}
else
{
contentWidth=width;
contentHeight=height;
}
if(height>contentHeight)
height=contentHeight;
if(width>contentWidth)
width=contentWidth;
var rect=new Object();
rect.ScrollX=scrollX;
rect.ScrollY=scrollY;
rect.Width=width;
rect.Height=height;
rect.ContentWidth=contentWidth;
rect.ContentHeight=contentHeight;
return rect;
}contentWidth)
width=contentWidth;
var rect=new Object();
rect.ScrollX=scrollX;
rect.ScrollY=scrollY;
rect.Width=width;
rect.Height=height;
rect.ContentWidth=contentWidth;
rect.ContentHeight=contentHeight;
return rect;
}