jQuery 獲取屏幕高度、寬度

jopen 10年前發布 | 28K 次閱讀 jQuery Ajax框架

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 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();</pre>

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!