jquery怎么獲取屏幕高度

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

創新互聯建站主要從事成都做網站、成都網站制作、網頁設計、企業做網站、公司建網站等業務。立足成都服務左權,10余年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18980820575

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

jquery或js 如何時時獲取瀏覽器當前的寬和高？

獲取步驟如下所示。

1：可以使用定時器setInterval，每秒獲取一次瀏覽器的寬和高。

2：使用jQuery可以這樣獲取window的寬高。

3：寬度 $(window)width() ，高度$(window).height()，自己寫個函數，設定定時器的時間。

4：body onresize="showSize()" ，頁面相關事onresize瀏覽器的窗口大小被改變時觸發此事件。

請問如何通過jquery獲取頁面內容的高度?

1.方法如下：

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

$(window).height();

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

$(window).width();

獲取頁面的文檔高度

$(document).height();

獲取頁面的文檔寬度 ：

$(document).width();

瀏覽器當前窗口文檔body的高度：

$(document.body).height();

瀏覽器當前窗口文檔body的寬度：

$(document.body).width();

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

$(document).scrollTop();

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

$(document).scrollLeft();

獲取或設置元素的寬度：

$(obj).width();

獲取或設置元素的高度：

$(obj).height();

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

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

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

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

2.代碼如下：

//返回當前頁面高度

function pageHeight(){

if($.browser.msie){

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

document.body.clientHeight;

}else{

return self.innerHeight;

}

};

//返回當前頁面寬度

function pageWidth(){

if($.browser.msie){

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

document.body.clientWidth;

}else{

return self.innerWidth;

}

};

javascript如何獲取頁面的高度和寬度

strInfo+=\r\n網頁可見區域高:+document.body.clientHeight;

strInfo+=\r\n網頁可見區域寬:+document.body.offsetWidth+(包括邊線的寬);

strInfo+=\r\n網頁可見區域高:+document.body.offsetHeight+(包括邊線的高);

strInfo+=\r\n網頁正文全文寬:+document.body.scrollWidth;

strInfo+=\r\n網頁正文全文高:+document.body.scrollHeight;

strInfo+=\r\n網頁被卷去的高:+document.body.scrollTop;

strInfo+=\r\n網頁被卷去的左:+document.body.scrollLeft;

strInfo+=\r\n網頁正文部分上:+window.screenTop;

strInfo+=\r\n網頁正文部分左:+window.screenLeft;

strInfo+=\r\n屏幕分辨率的高:+window.screen.height;

strInfo+=\r\n屏幕分辨率的寬:+window.screen.width;

strInfo+=\r\n屏幕可用工作區高度:+window.screen.availHeight;

strInfo+=\r\n屏幕可用工作區寬度:+window.screen.availWidth;

window.confirm(strInfo);

/script

-----------------------------------------------------------------------------------------

最近編程中發現html靜態頁面的開發可以使用

document.body.ClientHeight

來獲得頁面的高度，但asp.net的頁面卻無法這樣獲取，獲取到的只是頁面最小的高度，比如頁面只有一個button，那么該js語句獲得的就是24。

document.documentElement.OffsetHeight

----------------------------------------------------------------------------------------加上document.body.scrollLeft;

document.body.scrollTop;

x=document.body.clientWidth+document.body.scrollLeft;

y=document.body.clientHeight+document.body.scrollTop;若想得到整個頁面的高度可以用

jquery獲取瀏覽器的寬度和高度怎么做的？為啥$(window).width()不行呢

jq不會出現這樣的問題的，檢查下代碼存放位置是否正確。另外您的jq是什么版本的？另外如果實在取不到那就用這個

網頁可見區域寬：?document.body.clientWidth

網頁可見區域高：?document.body.clientHeight

網頁可見區域寬：?document.body.offsetWidth?(包括邊線的寬)

網頁可見區域高：?document.body.offsetHeight?(包括邊線的高)

網頁正文全文寬：?document.body.scrollWidth

網頁正文全文高：?document.body.scrollHeight

網頁被卷去的高：?document.body.scrollTop

網頁被卷去的左：?document.body.scrollLeft

網頁正文部分上：?window.screenTop

網頁正文部分左：?window.screenLeft

屏幕分辨率的高：?window.screen.height

屏幕分辨率的寬：?window.screen.width

屏幕可用工作區高度：?window.screen.availHeight

屏幕可用工作區寬度：?window.screen.availWidth

。。。。

document.body.clientWidth?用這個原生的?比jq快得快

網頁題目：jquery獲取屏幕高度,js 獲取屏幕高度
文章地址：http://vcdvsql.cn/article46/dsdjoeg.html

成都網站建設公司_創新互聯，為您提供域名注冊、用戶體驗、企業網站制作、響應式網站、網站導航、面包屑導航

廣告

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