返回[页宽,页高,可见区宽,可见区高]_页宽页高什么意思-优快云博客

本文链接：https://blog.youkuaiyun.com/rjzou2006/article/details/2221830

本文介绍了一个JavaScript函数，该函数用于获取当前浏览器窗口的尺寸信息，包括页面宽度、页面高度、可见区域宽度及高度。此函数适用于多种浏览器环境，通过判断不同浏览器特性来准确获取所需的尺寸数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*

返回[页宽,页高,可见区宽,可见区高]
*/
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){ // all but Explorer Mac
   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) { // Explorer 6 Strict Mode
   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;
}