[转]JavaScript 获得页面区域大小的代码
2008-09-19 00:58
369 查看
JavaScript 获得页面区域大小的代码
getPageSize函数返回一个数组,前两个是整个页面的宽度和高度,后两个是页面窗口的宽度和高度
function getPageSize()
{
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY)
{
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
}
else if (document.body.scrollHeight > document.body.offsetHeight)
{
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
}
else
{
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight)
{
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
{
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
}
else if (document.body)
{
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
if (yScroll < windowHeight)
{
pageHeight = windowHeight;
}
else
{
pageHeight = yScroll;
}
if (xScroll < windowWidth)
{
pageWidth = windowWidth;
}
else
{
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
return arrayPageSize;
}
getPageSize函数返回一个数组,前两个是整个页面的宽度和高度,后两个是页面窗口的宽度和高度
function getPageSize()
{
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY)
{
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
}
else if (document.body.scrollHeight > document.body.offsetHeight)
{
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
}
else
{
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight)
{
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
{
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
}
else if (document.body)
{
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
if (yScroll < windowHeight)
{
pageHeight = windowHeight;
}
else
{
pageHeight = yScroll;
}
if (xScroll < windowWidth)
{
pageWidth = windowWidth;
}
else
{
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
return arrayPageSize;
}
相关文章推荐
- JavaScript获得页面区域大小的代码
- JavaScript 获得页面区域大小的代码
- JavaScript 获得页面区域大小的代码
- JavaScript获得页面区域大小的代码
- javascript学习笔记(十八) 获得页面中的元素代码
- javascript学习笔记(十八) 获得页面中的元素代码
- 通过Javascript获得页面元素的字体大小
- 获得网页窗口实际大小的javascript代码实例
- javascript获得浏览器工作区域的大小
- javascript获得网页窗口实际大小的示例代码
- 获得网页窗口实际大小的javascript代码实例
- 在页面中直接嵌入JavaScript代码
- 如何在JSP页面中的Java代码和JavaScript代码中通信- -
- javascript同页面多次调用弹出层具体实例代码
- 用 Javascript 获取页面大小、窗口大小和滚动条位置
- javascript页面加载完执行事件代码
- JavaScript调用OC代码调试问题、页面 4000 复杂跳转逻辑警告处理
- javascript获取页面、屏幕大小
- 为什么jsp页面使用javascript代码没用,连alert也没有y