js/jq 獲取網頁寬高

老黑發表於2018-12-12
JS網頁

  

js獲取網頁寬高

document.body.clientWidth // BODY物件寬度
document.body.clientHeight // BODY物件高度
document.documentElement.clientWidth // 可見區域寬度
document.documentElement.clientHeight // 可見區域高度
  
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 // 螢幕可用工作區寬度

 

jq獲取網頁寬高

$(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 margin

 

 

相關文章