1.方法如下：
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、靜寧網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為靜寧等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度 ：
$(window).height();
獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度 ：
$(window).width();
獲取頁面的文檔高度
$(document).height();
獲取頁面的文檔寬度 ：
$(document).width();
瀏覽器當前窗口文檔body的高度：
$(document.body).height();
瀏覽器當前窗口文檔body的寬度：
$(document.body).width();
獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)
$(document).scrollTop();
獲取滾動條到左邊的垂直寬度 ：
$(document).scrollLeft();
獲取或設(shè)置元素的寬度：
$(obj).width();
獲取或設(shè)置元素的高度：
$(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;
}
};
獲取瀏覽器的高度要有點計算，如下：
alert($(window).height());?//瀏覽器當前窗口可視區(qū)域高度?
alert($(document).height());?//瀏覽器當前窗口文檔的高度?
alert($(document.body).height());//瀏覽器當前窗口文檔body的高度?
alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度?包括border?padding?margin?
alert($(window).width());?//瀏覽器當前窗口可視區(qū)域?qū)挾?
alert($(document).width());//瀏覽器當前窗口文檔對象寬度?
alert($(document.body).width());//瀏覽器當前窗口文檔body的高度?
alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔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();
建議你這樣試試看：
獲取你要得到高度的那個div的jQuery對象，獲得方法有很多很多種，具體你可以看一下jQuery API文檔里的選擇器部分，在這里我只跟你說一個最直接的方法，通過id獲得：$("#id")
要看你要得到的是什么高度了，jQuery里現(xiàn)有的三個獲得高度的方法是：
$("#id").height(); // 獲得的是該div本身的高度, (不包含padding,margin,border)
$("#id").outerHeight(); // 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#id").outerHeight(true); // 包含該div本身的高度, 以及padding,border,margin上下的總高度
1、新建一個html文件。
2、為了更好區(qū)分，會創(chuàng)建兩個按鈕標簽，然后給這兩個按鈕標簽添加不同的id。
3、引入jquery文件（注：jquery的引入路徑一定要正確）。
4、創(chuàng)建加載完成函數(shù)，然后創(chuàng)建一個點擊按鈕獲取當前id的函數(shù)。
5、保存好html文件后使用瀏覽器打開，然后點擊按鈕即可看到點擊的id。
6、頁面所有代碼，如有不懂可把所有代碼復制到新建的html文件上，然后修改引入的jquery文件即可。
第一步, 獲取你要得到高度的那個div的jQuery對象, 獲得方法有很多很多種, 具體你可以看一下jQuery API文檔里的選擇器部分, 在這里我只跟你說一個最直接的方法, 通過id獲得: $("#div_id")
第二步, 要看你要得到的是什么高度了, jQuery里現(xiàn)有的三個(其實是兩個)獲得高度的方法是:
1. $("#div_id").height(); // 獲得的是該div本身的高度, (不包含padding,margin,border)
2. $("#div_id").outerHeight(); // 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3. $("#div_id").outerHeight(true); // 包含該div本身的高度, 以及padding,border,margin上下的總高度
重慶分公司
重慶分公司
