怎么樣獲取屏幕的高度 jquery

jQuery 獲取屏幕高度、寬度

創(chuàng)新互聯(lián)從2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元永清做網(wǎng)站,已為上家服務(wù),為永清各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

做手機(jī)Web開發(fā)做瀏覽器兼容用到了，所以在網(wǎng)上找了些匯總下。

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

// 獲取頁面的高度、寬度

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

jQuery怎么獲取瀏覽器最大化的寬度？

window.screen.width

網(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

屏幕縮放因子：window.devicePixelRatio

屏幕邏輯分辨率：window.screen.width * window.devicePixelRatio (縮放因子與物理分辨率的乘積)

jquery如何獲取屏幕寬度的一半

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

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

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

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

然后把獲得總寬度除于2就行了

var kuan=$(window).width()/2;

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

jq不會出現(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快得快

當(dāng)前文章：jquery獲取屏幕寬度,獲取屏幕寬高
當(dāng)前鏈接：http://m.rwnh.cn/article14/dscoege.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)頁設(shè)計(jì)公司、域名注冊、微信小程序、電子商務(wù)、網(wǎng)站制作

廣告

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