隨筆-57  評論-117  文章-1  trackbacks-0

          做手機Web開發(fā)做瀏覽器兼容用到了,所以在網(wǎng)上找了些匯總下。

          alert($(window).height()); //瀏覽器當前窗口可視區(qū)域高度 
          alert($(document).height()); //瀏覽器當前窗口文檔的高度 
          alert($(document.body).height());//瀏覽器當前窗口文檔body的高度 
          alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin 
          alert($(window).width()); //瀏覽器當前窗口可視區(qū)域?qū)挾?
          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 Mac    
                      xScroll = document.body.scrollWidth;
                      yScroll = document.body.scrollHeight;
                  } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari    
                      xScroll = document.body.offsetWidth;
                      yScroll = document.body.offsetHeight;
                  }
              }
              var windowWidth, windowHeight;
              if (self.innerHeight) { // all except Explorer    
                  if (document.documentElement.clientWidth) {
                      windowWidth = document.documentElement.clientWidth;
                  } else {
                      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) { // other Explorers    
                          windowWidth = document.body.clientWidth;
                          windowHeight = document.body.clientHeight;
                      }
                  }
              }       
              // for small pages with total height less then height of the viewport    
              if (yScroll < windowHeight) {
                  pageHeight = windowHeight;
              } else {
                  pageHeight = yScroll;
              }    
              // for small pages with total width less then width of the viewport    
              if (xScroll < windowWidth) {
                  pageWidth = xScroll;
              } else {
                  pageWidth = windowWidth;
              }
              arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
              return arrayPageSize;
          }
           
          // 滾動條
          document.body.scrollTop;
          $(document).scrollTop();


          作者:hoojo
          出處:
          blog:http://blog.csdn.net/IBM_hoojo
                   http://hoojo.cnblogs.com
          本文版權(quán)歸作者和博客園共有,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權(quán)利。


          版權(quán)所有,轉(zhuǎn)載請注明出處 本文出自:
          分享道版權(quán)所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明出處,謝謝
          posted on 2012-02-16 17:45 hoojo 閱讀(12524) 評論(0)  編輯  收藏 所屬分類: JavaScriptjQuery
          主站蜘蛛池模板: 岚皋县| 广东省| 建阳市| 保德县| 丰镇市| 广昌县| 嵩明县| 外汇| 永定县| 莲花县| 长汀县| 磐石市| 平南县| 鄄城县| 汉寿县| 百色市| 苍山县| 康保县| 凤山县| 阿拉善右旗| 崇左市| 利辛县| 渭南市| 繁昌县| 玉溪市| 沛县| 安仁县| 宁河县| 怀远县| 五家渠市| 长兴县| 拉萨市| 平罗县| 杭锦后旗| 石泉县| 宿州市| 阜南县| 宜阳县| 渑池县| 湖南省| 丰都县|