前端开发跨浏览器计算页面大

前端开发中跨平台，跨USER-AGENT的适配非常繁琐

想要得到浏览器px大小很烦，因此下面2个函数非常有用

这两个javascript函数非常实用，用来计算浏览器页面大小，窗口大小，以及滚动高度，源代码如下：

{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;}var pageHeight, pageWidth;// for small pages with total height less then height of the viewportpageHeight = yScroll < windowHeight ? windowHeight: yScroll;// for small pages with total width less then width of the viewportpageWidth = xScroll < windowWidth ? windowWidth: xScroll;return {pageWidth: pageWidth,pageHeight: pageHeight,windowWidth: windowWidth,windowHeight: windowHeight};}{var xScroll, yScroll;if (self.pageYOffset) {yScroll = self.pageYOffset;xScroll = self.pageXOffset;} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 StrictyScroll = document.documentElement.scrollTop;xScroll = document.documentElement.scrollLeft;} else if (document.body) { // all other ExplorersyScroll = document.body.scrollTop;xScroll = document.body.scrollLeft;}return {xScroll: xScroll,yScroll: yScroll};}

参考

穷则思变，差则思勤！没有比人更高的山没有比脚更长的路。

相关文章：

你感兴趣的文章：

标签云：