天天看點

jQuery和JS:網頁常用計算寬高的方法 jquery: 擷取浏覽器顯示區域的高度 : $(window).height(); 擷取浏覽器顯示區域的寬度 :$(window).width(); 擷取頁面的文檔高度 :$(document).height(); 擷取頁面的文檔寬度 :$(document).width(); 擷取滾動條到頂部的垂直高度 :$(document).scrollTop(); 擷取滾動條到左邊的垂直寬度 :$(document).scrollLeft();

jquery:

擷取浏覽器顯示區域的高度 : $(window).height();

擷取浏覽器顯示區域的寬度 :$(window).width();

擷取頁面的文檔高度 :$(document).height();

擷取頁面的文檔寬度 :$(document).width();

擷取滾動條到頂部的垂直高度 :$(document).scrollTop();

擷取滾動條到左邊的垂直寬度 :$(document).scrollLeft();

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和JS:網頁常用計算寬高的方法 jquery: 擷取浏覽器顯示區域的高度 : $(window).height(); 擷取浏覽器顯示區域的寬度 :$(window).width(); 擷取頁面的文檔高度 :$(document).height(); 擷取頁面的文檔寬度 :$(document).width(); 擷取滾動條到頂部的垂直高度 :$(document).scrollTop(); 擷取滾動條到左邊的垂直寬度 :$(document).scrollLeft();

繼續閱讀