jQuery,javascript獲得網頁的高度和寬度

          如果做前端還是能用得到,留下做備用。
          網頁可見區域寬: document.body.clientWidth
          網頁可見區域高: document.body.clientHeight
          網頁可見區域寬: document.body.offsetWidth (包括邊線的寬)
          網頁可見區域高: document.body.offsetHeight (包括邊線的高)
          網頁正文全文寬: document.body.scrollWidth
          網頁正文全文高: document.body.scrollHeight
          網頁被卷去的高: document.body.scrollTop
          網頁被卷去的左: document.body.scrollLeft
          網頁正文部分上: window.screenTop
          網頁正文部分左: window.screenLeft
          屏幕分辨率的高: window.screen.height
          屏幕分辨率的寬: window.screen.width
          屏幕可用工作區高度: window.screen.availHeight
          屏幕可用工作區寬度: window.screen.availWidth
          jquery
          獲取瀏覽器顯示區域的高度 : $(window).height();
          獲取瀏覽器顯示區域的寬度 :$(window).width();
          獲取頁面的文檔高度 :$(document).height();
          獲取頁面的文檔寬度 :$(document).width();
          獲取滾動條到頂部的垂直高度 :$(document).scrollTop();
          獲取滾動條到左邊的垂直寬度 :$(document).scrollLeft();

          計算元素位置和偏移量
          offset方法是一個很有用的方法,它返回包裝集中第一個元素的偏移信息。默認情況下是相對body的偏移信息。結果包含 top和left兩個屬性。

          offset(options, results)
          options.relativeTo  指定相對計 算偏移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。
          options.scroll  是否把 滾動條計算在內,默認TRUE
          options.padding  是否把padding計算在內,默認false
          options.margin   是否把margin計算在內,默認true
          options.border  是否把邊框計算在內,默認true

          另外找到一個頁面寬高示意圖:
          344e18ed3901213f62f4a97554e736d12e2e9533

          本博客所有文章如無特別注明均為原創

          如果覺得對你有幫助,可以通過下方打賞對作者表示鼓勵

          本文采用知識共享署名-非商業性使用-相同方式共享

          如若轉載,請注明出處:《jQuery,javascript獲得網頁的高度和寬度》http://www.solariosolutions.com/288.html

          (0)
          打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
          鋒哥的頭像鋒哥管理員
          上一篇 2013年5月29日 13:55
          下一篇 2013年6月4日 13:49

          相關推薦

          發表回復

          登錄后才能評論
          国产厨房乱子伦露脸,XXXXAAA欧美,日本 888 XXXX,国产欧美日韩一区二区图片