1. 程式人生 > >JS獲取網頁寬高方法集合

JS獲取網頁寬高方法集合

JS獲取網頁寬高等方法的集合:
document.body.clientWidth - 網頁可見區域寬
document.body.clientHeight - 網頁可見區域高

document.body.offsetWidth - 網頁可見區域寬,包括邊線和滾動條的寬
document.body.offsetHeight - 網頁可見區域高,包括邊線和滾動條的高[FF,chrom下是整個頁面高,IE opera 下正常]

document.body.scrollWidth - 網頁總寬
document.body.scrollHeight - 網頁總高

document.body.scrollTop - 有滾動條的時候,向下拖動滾動條,上方不顯示的那部分高度
document.body.scrollLeft - 同上

window.screenTop - 網頁正文部分上[網頁文件的最上方距離螢幕最上方的距離,但FF不支援,Chrom,IE,Opera表現都不同,慎用]
window.screenLeft - 網頁正文部分左[網頁文件的最左方距離螢幕最左方的距離,但FF不支援,Chrom,IE,Opera表現都不同,慎用]


window.screen.height - 螢幕解析度的高度
window.screen.width - 螢幕解析度的寬度

window.screen.availHeight - 可用工作區高度[整個螢幕但不包括下方工作列]
window.screen.availWidth - 可用工作區寬度[整個螢幕的寬度]

window.screen.clorDepth - 螢幕色彩,常用的16,32位等
window.screen.deviceXDPI - 螢幕畫素/英寸【IE支援,其它不支援】