jquery獲取各種高度

2021-06-26 14:08:09 字數 948 閱讀 4448

alert($(window).height()); 

//瀏覽器時下視窗可視區域高度 

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 

alert($(document/window).scrolltop()); 

/ 滾動條滾動後相對於瀏覽器的高度

alert($(document).scrollleft()); 

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

offset(): 

獲取匹配元素在當前視口的相對偏移。 

返回的物件包含兩個整形屬性:top 和 left。此方法只對可見元素有效。

獲得 元素當前的偏移:

$(".btn1").click(function());

獲取元素跟隨滾動條滾動後,相對於瀏覽器頂部的高度= offset向上(top)偏移量-滾動條滾動後相對於瀏覽器的高度

**:

jquery 獲取各種有用的高度定位

獲取瀏覽器顯示區域的高度 window height 獲取瀏覽器顯示區域的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 獲取滾動條到頂部的垂直高度 window scrolltop 獲取滾動條到左邊的平移寬度 w...

jquery獲取高度

div id height 獲得的是該div本身的高度,不包含padding,margin,border div id outerheight 包含該div本身的高度,padding上下的高度,以及border上下的高度 不包含margin的高度 div id outerheight true 包含...

jquery獲取螢幕高度

jquery獲取螢幕高度 window height 瀏覽器當前視窗可視區域高度 document height 瀏覽器當前視窗文件的高度 document.body height 瀏覽器當前視窗文件body的高度 document.body outerheight true 瀏覽器當前視窗文件bo...