jquery獲取窗口高度,jquery獲取頁面高度

js或者jquery如何實時獲取瀏覽器的高度和寬度的？

jquery

公司主營業(yè)務(wù)：成都網(wǎng)站制作、網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出那曲免費做網(wǎng)站回饋大家。

$(function(){

/*調(diào)整窗口自動調(diào)整寬度*/

$(window).resize(function(){

var h = $(window).height();

var w = $(window).width();

console.info("窗口高度：" + h + "; 窗口寬度：" + w);

});

});

jquery怎么獲取屏幕高度

alert($(window).height());?//瀏覽器當(dāng)前窗口可視區(qū)域高度

alert($(document).height());?//瀏覽器當(dāng)前窗口文檔的高度

alert($(document.body).height());//瀏覽器當(dāng)前窗口文檔body的高度

alert($(document.body).outerHeight(true));//瀏覽器當(dāng)前窗口文檔body的總高度?包括border?padding?margin

alert($(window).width());?//瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?/p>

alert($(document).width());//瀏覽器當(dāng)前窗口文檔對象寬度

alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度

alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度?包括border?padding?margin

jquery—獲取元素高度方法 (總結(jié))

$("#div_id").height();

// 獲得的是該div本身的高度, (不包含padding,margin,border)

$("#div_id").outerHeight();

// 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#div_id").outerHeight(true);

// 包含該div本身的高度, 以及padding,border,margin上下的總高度

$(window).height();

// 獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度

$(window).width();

// 獲取頁面的文檔高度

$(document).height();

// 瀏覽器當(dāng)前窗口文檔的高度

$(document.body).width();

// 瀏覽器當(dāng)前窗口文檔body的高度

$(document).scrollTop();

// 獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)

obj.offset().top

// 某個元素的上邊界到body最頂部的距離（在元素的包含元素不含滾動條的情況下）

請問如何通過jquery獲取頁面內(nèi)容的高度?

1.方法如下：

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度 ：

$(window).height();

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度 ：

$(window).width();

獲取頁面的文檔高度

$(document).height();

獲取頁面的文檔寬度 ：

$(document).width();

瀏覽器當(dāng)前窗口文檔body的高度：

$(document.body).height();

瀏覽器當(dāng)前窗口文檔body的寬度：

$(document.body).width();

獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)

$(document).scrollTop();

獲取滾動條到左邊的垂直寬度 ：

$(document).scrollLeft();

獲取或設(shè)置元素的寬度：

$(obj).width();

獲取或設(shè)置元素的高度：

$(obj).height();

某個元素的上邊界到body最頂部的距離：obj.offset().top;（在元素的包含元素不含滾動條的情況下）

某個元素的左邊界到body最左邊的距離：obj.offset().left;（在元素的包含元素不含滾動條的情況下）

返回當(dāng)前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offset().top（在元素的包含元素含滾動條的情況下）

返回當(dāng)前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offset().left（在元素的包含元素含滾動條的情況下）

2.代碼如下：

//返回當(dāng)前頁面高度

function pageHeight(){

if($.browser.msie){

return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :

document.body.clientHeight;

}else{

return self.innerHeight;

}

};

//返回當(dāng)前頁面寬度

function pageWidth(){

if($.browser.msie){

return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :

document.body.clientWidth;

}else{

return self.innerWidth;

}

};

名稱欄目：jquery獲取窗口高度,jquery獲取頁面高度
文章網(wǎng)址：http://muchs.cn/article16/phesdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、企業(yè)建站、微信公眾號、網(wǎng)站設(shè)計、建站公司、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)