javascript獲取網頁和螢幕尺寸相關屬性

antzone發表於2017-04-13

本章節分享一段程式碼例項,它實現了獲取網頁和螢幕尺寸相關屬性。

程式碼例項如下:

[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 //螢幕可用工作區寬度
window.screen.colorDepth //螢幕設定
window.screen.deviceXDPI// 畫素/英寸

這裡就當個筆記,需要的時候可以查詢一下。


相關文章