怎么樣獲取屏幕的高度 jquery

jQuery 獲取屏幕高度、寬度

創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)營(yíng)銷(xiāo)型網(wǎng)站、網(wǎng)站重做改版、駐馬店網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、商城網(wǎng)站定制開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性?xún)r(jià)比高，為駐馬店等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

做手機(jī)Web開(kāi)發(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)前窗口文檔對(duì)象寬度

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

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

// 獲取頁(yè)面的高度、寬度

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;

}

// 滾動(dòng)條

document.body.scrollTop;

$(document).scrollTop();

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

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

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

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

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

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

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

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

window.screen.width

網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth

網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.clientHeight

網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線(xiàn)的寬)

網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.offsetHeight (包括邊線(xiàn)的高)

網(wǎng)頁(yè)正文全文寬： document.body.scrollWidth

網(wǎng)頁(yè)正文全文高： document.body.scrollHeight

網(wǎng)頁(yè)被卷去的高： document.body.scrollTop

網(wǎng)頁(yè)被卷去的左： document.body.scrollLeft

網(wǎng)頁(yè)正文部分上： window.screenTop

網(wǎng)頁(yè)正文部分左： window.screenLeft

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

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

屏幕可用工作區(qū)高度： window.screen.availHeight

屏幕可用工作區(qū)寬度： window.screen.availWidth

屏幕縮放因子：window.devicePixelRatio

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