alert($(window).height());?//瀏覽器當(dāng)前窗口可視區(qū)域高度
創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)左權(quán),10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575
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)前窗口文檔對(duì)象寬度
alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度?包括border?padding?margin
獲取步驟如下所示。
1:可以使用定時(shí)器setInterval,每秒獲取一次瀏覽器的寬和高。
2:使用jQuery可以這樣獲取window的寬高。
3:寬度 $(window)width() ,高度$(window).height(),自己寫個(gè)函數(shù),設(shè)定定時(shí)器的時(shí)間。
4:body onresize="showSize()" ,頁面相關(guān)事onresize瀏覽器的窗口大小被改變時(shí)觸發(fā)此事件。
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();
獲取滾動(dòng)條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)
$(document).scrollTop();
獲取滾動(dòng)條到左邊的垂直寬度 :
$(document).scrollLeft();
獲取或設(shè)置元素的寬度:
$(obj).width();
獲取或設(shè)置元素的高度:
$(obj).height();
某個(gè)元素的上邊界到body最頂部的距離:obj.offset().top;(在元素的包含元素不含滾動(dòng)條的情況下)
某個(gè)元素的左邊界到body最左邊的距離:obj.offset().left;(在元素的包含元素不含滾動(dòng)條的情況下)
返回當(dāng)前元素的上邊界到它的包含元素的上邊界的偏移量:obj.offset().top(在元素的包含元素含滾動(dòng)條的情況下)
返回當(dāng)前元素的左邊界到它的包含元素的左邊界的偏移量:obj.offset().left(在元素的包含元素含滾動(dòng)條的情況下)
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;
}
};
strInfo+=\r\n網(wǎng)頁可見區(qū)域高:+document.body.clientHeight;
strInfo+=\r\n網(wǎng)頁可見區(qū)域?qū)?+document.body.offsetWidth+(包括邊線的寬);
strInfo+=\r\n網(wǎng)頁可見區(qū)域高:+document.body.offsetHeight+(包括邊線的高);
strInfo+=\r\n網(wǎng)頁正文全文寬:+document.body.scrollWidth;
strInfo+=\r\n網(wǎng)頁正文全文高:+document.body.scrollHeight;
strInfo+=\r\n網(wǎng)頁被卷去的高:+document.body.scrollTop;
strInfo+=\r\n網(wǎng)頁被卷去的左:+document.body.scrollLeft;
strInfo+=\r\n網(wǎng)頁正文部分上:+window.screenTop;
strInfo+=\r\n網(wǎng)頁正文部分左:+window.screenLeft;
strInfo+=\r\n屏幕分辨率的高:+window.screen.height;
strInfo+=\r\n屏幕分辨率的寬:+window.screen.width;
strInfo+=\r\n屏幕可用工作區(qū)高度:+window.screen.availHeight;
strInfo+=\r\n屏幕可用工作區(qū)寬度:+window.screen.availWidth;
window.confirm(strInfo);
/script
-----------------------------------------------------------------------------------------
最近編程中發(fā)現(xiàn)html靜態(tài)頁面的開發(fā)可以使用
document.body.ClientHeight
來獲得頁面的高度,但asp.net的頁面卻無法這樣獲取,獲取到的只是頁面最小的高度,比如頁面只有一個(gè)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;若想得到整個(gè)頁面的高度可以用
jq不會(huì)出現(xiàn)這樣的問題的,檢查下代碼存放位置是否正確。另外您的jq是什么版本的?另外如果實(shí)在取不到那就用這個(gè)
網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁可見區(qū)域高:?document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth?(包括邊線的寬)
網(wǎng)頁可見區(qū)域高:?document.body.offsetHeight?(包括邊線的高)
網(wǎng)頁正文全文寬:?document.body.scrollWidth
網(wǎng)頁正文全文高:?document.body.scrollHeight
網(wǎng)頁被卷去的高:?document.body.scrollTop
網(wǎng)頁被卷去的左:?document.body.scrollLeft
網(wǎng)頁正文部分上:?window.screenTop
網(wǎng)頁正文部分左:?window.screenLeft
屏幕分辨率的高:?window.screen.height
屏幕分辨率的寬:?window.screen.width
屏幕可用工作區(qū)高度:?window.screen.availHeight
屏幕可用工作區(qū)寬度:?window.screen.availWidth
。。。。
document.body.clientWidth?用這個(gè)原生的?比jq快得快
網(wǎng)頁題目:jquery獲取屏幕高度,js 獲取屏幕高度
文章地址:http://jinyejixie.com/article46/dsdjoeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、用戶體驗(yàn)、企業(yè)網(wǎng)站制作、響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)