[转]获取窗口 高 、宽 的JS代码

获取窗口 高 、宽 的JS代码

var getViewPortWidth = function()
{
var width = 0;

if ((document.documentElement) && (document.documentElement.clientWidth))
{
width = document.documentElement.clientWidth;
}
else if ((document.body) && (document.body.clientWidth))
{
width = document.body.clientWidth;
}
else if (window.innerWidth)
{
width = window.innerWidth;
}

return width;
};

var getViewPortHeight = function()
{
var height = 0;

if (window.innerHeight)
{
height = window.innerHeight - 18;
}
else if ((document.documentElement) && (document.documentElement.clientHeight))
{
height = document.documentElement.clientHeight;
}

return height;
};

var getContentHeight = function()
{
if ((document.body) && (document.body.offsetHeight))
{
return document.body.offsetHeight;
}

return 0;
};

var getViewPortScrollX = function()
{
var scrollX = 0;

if ((document.documentElement) && (document.documentElement.scrollLeft))
{
scrollX = document.documentElement.scrollLeft;
}
else if ((document.body) && (document.body.scrollLeft))
{
scrollX = document.body.scrollLeft;
}
else if (window.pageXOffset)
{
scrollX = window.pageXOffset;
}
else if (window.scrollX)
{
scrollX = window.scrollX;
}

return scrollX;
};

var getViewPortScrollY = function()
{
var scrollY = 0;

if ((document.documentElement) && (document.documentElement.scrollTop))
{
scrollY = document.documentElement.scrollTop;
}
else if ((document.body) && (document.body.scrollTop))
{
scrollY = document.body.scrollTop;
}
else if (window.pageYOffset)
{
scrollY = window.pageYOffset;
}
else if (window.scrollY)
{
scrollY = window.scrollY;
}

return scrollY;
};
作者:QLeelulu
posted @ 2010-05-12 16:25  孤城浪子  阅读(347)  评论(0编辑  收藏  举报
博客园,让我更上一层楼