Js/Jquery寬度和高度的獲取
阿新 • • 發佈:2019-01-30
var usewidth = document.documentElement.clientWidth || document.body.clientWidth;
var useheight = document.documentElement.clientHeight || document.body.clientHeight;
Js獲取寬度和高度
document.body.clientWidth ==> body物件寬度 document.body.clientHeight ==>body物件高度 document.documentElement.clientWidth ==> 可見區域寬度 document.documentElement.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() //瀏覽器時下視窗可視區域高度 $(document).height() //瀏覽器時下視窗文件的高度 $(document.body).height() //瀏覽器時下視窗文件body的高度 $(document.body).outerHeight(true) //瀏覽器時下視窗文件body的總高度 包括border padding margin $(window).width() //瀏覽器時下視窗可視區域寬度 $(document).width() //瀏覽器時下視窗文件對於象寬度 $(document.body).width() //瀏覽器時下視窗文件body的高度 $(document.body).outerWidth(true) //瀏覽器時下視窗文件body的總寬度 包括border padding