獲取元素的寬高,左邊距上邊距


jquery獲取元素的所有寬高(包括內邊距和外邊距):
  width() - 返回元素的寬度。
  height() - 返回元素的高度。
  innerWidth() 方法返回元素的寬度(包括內邊距)。
  innerHeight() 方法返回元素的高度(包括內邊距)。
  outerWidth() 方法返回元素的寬度(包括內邊距和邊框)。
  outerHeight() 方法返回元素的高度(包括內邊距和邊框)。
  返回文檔(HTML 文檔)$(document).height()的高度
  返回窗口(瀏覽器視口)$(window).height()的高度

獲取頁面某一元素的絕對X,Y坐標,可以用offset():
  var X = $(‘#DivID’).offset().top;
  var Y = $(‘#DivID’).offset().left;

獲取相對(父元素)位置:
  var X = $(‘#DivID’).position().top;
  var Y = $(‘#DivID’).position().left;

 

window.innerWidth //除去菜單欄的窗口寬度
window.innerHeight//除去菜單欄的窗口高度
window.outerWidth//包括菜單欄的窗口寬度
window.outerHeight//包括菜單欄的窗口寬度
window.screen.height//電腦屏幕的高度
window.screen.width//電腦屏幕的寬度
window.screen.availHeight//電腦屏幕的可利用高度
window.screen.availWidth//電腦屏幕的可利用寬度
window.screenTop//瀏覽器距離屏幕的高度
window.screenLeft//瀏覽器距離屏幕的寬度
document.body.clientWidth//指元素的自身寬度(包括padding)
document.body.clientHeight//指元素的自身的高度(包括padding)
document.body.clientLeft//子級div內容位置到父級內容區域的寬度距離(即border值)
document.body.clientTop//子級div內容位置到父級內容區域的高度距離(即border值)
document.body.offsetWidth//指定元素的寬度(包括padding,border和內容)
document.body.offsetHeight//指定元素的高度(包括padding,border和內容)
document.body.offsetTop//距離父級元素的高度
document.body.offsetLeft//距離父級元素的寬度
document.body.scrollWidth//獲取的是文檔的寬度(當指定的寬度小於瀏覽器窗口的時候,為瀏覽器的寬度)
document.body.scrollHeight//獲取的是文檔的高度(當指定的高度小於瀏覽器窗口的時候,為瀏覽器的高度)
document.body.scrollTop//文檔被滾動上去的時候(即滾動條往上滾動的距離)
document.body.scrollLeft//文檔被滾動右去的時候(即滾動條往右滾動的距離)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM