前端開發(fā)中跨平臺。跨USER-AGENT的適配很繁瑣

想要得到瀏覽器px大小非常煩。因此以下2個函數(shù)非常實用

這兩個javascript函數(shù)很有用，用來計算瀏覽器頁面大小，窗體大小，以及滾動高度，源碼例如以下：

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;}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}; } function getPageScroll() {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}; }

參考 ? ? http://my.oschina.net/jockchou/blog/465220

總結(jié)

以上是生活随笔為你收集整理的前端开发跨浏览器计算页面大小、滚动高度的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。