[JQuery][轉錄] 如何取得瀏覽器視窗高度及寬度 (跨瀏覽器)

  • 22687
  • 0
  • 2009-06-03

[JQuery][轉錄] 如何取得瀏覽器視窗高度及寬度 (跨瀏覽器)

解決辦法:
關鍵在於處理不同瀏覽器對document元素的處理,另外就是對使用的CSS是否嚴格的要做一個判斷.

Code:

 

//取得瀏覽器視窗高度
function getBrowserHeight() {
    if ($.browser.msie) {
        return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight :
                 document.body.clientHeight;
    } else {
        return self.innerHeight;
    }
}

//取得瀏覽器視窗寬度
function getBrowserWidth() {
    if ($.browser.msie) {
        return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth :
                 document.body.clientWidth;
    } else {
        return self.innerWidth;
    }
} 

 

以上文章內容轉錄自 Java Blog of Alex Wan

原創地址:http://www.blogjava.net/alexwan/archive/2008/10/22/235827.html