首页 / 脚本样式 / JavaScript / jQuery 获取屏幕高度、宽度的简单实现案例

alert（$（window）.height（））; //浏览器当前窗口可视区域高度 alert（$（document）.height（））; //浏览器当前窗口文档的高度 alert（$（document.body）.height（））;//浏览器当前窗口文档body的高度 alert（$（document.body）.outerHeight（true））;//浏览器当前窗口文档body的总高度 包括border padding margin alert（$（window）.width（））; //浏览器当前窗口可视区域宽度 alert（$（document）.width（））;//浏览器当前窗口文档对象宽度 alert（$（document.body）.width（））;//浏览器当前窗口文档body的高度 alert（$（document.body）.outerWidth（true））;//浏览器当前窗口文档body的总宽度 包括border padding margin  // 获取页面的高度、宽度function getPageSize（） {var xScroll, yScroll;if （window.innerHeight && window.scrollMaxY） {xScroll = window.innerWidth + window.scrollMaxX;yScroll = window.innerHeight + window.scrollMaxY;} else {if （document.body.scrollHeight > document.body.offsetHeight） { // all but Explorer MacxScroll = document.body.scrollWidth;yScroll = document.body.scrollHeight;} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and SafarixScroll = document.body.offsetWidth;yScroll = document.body.offsetHeight;}}var windowWidth, windowHeight;if （self.innerHeight） { // all except Explorerif （document.documentElement.clientWidth） {windowWidth = document.documentElement.clientWidth;} else {windowWidth = self.innerWidth;}windowHeight = self.innerHeight;} else {if （document.documentElement && document.documentElement.clientHeight） { // Explorer 6 Strict ModewindowWidth = document.documentElement.clientWidth;windowHeight = document.documentElement.clientHeight;} else {if （document.body） { // other ExplorerswindowWidth = document.body.clientWidth;windowHeight = document.body.clientHeight;}}}// for small pages with total height less then height of the viewportif （yScroll < windowHeight） {pageHeight = windowHeight;} else {pageHeight = yScroll;}// for small pages with total width less then width of the viewportif （xScroll < windowWidth） {pageWidth = xScroll;} else {pageWidth = windowWidth;}arrayPageSize = new Array（pageWidth, pageHeight, windowWidth, windowHeight）;return arrayPageSize;} // 滚动条document.body.scrollTop;$（document）.scrollTop（）;