javascript獲取網頁和螢幕尺寸相關屬性
本章節分享一段程式碼例項,它實現了獲取網頁和螢幕尺寸相關屬性。
程式碼例項如下:
[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// 畫素/英寸
這裡就當個筆記,需要的時候可以查詢一下。
相關文章
- javascript獲取螢幕的尺寸JavaScript
- javascript如何獲取電腦螢幕的尺寸JavaScript
- javascript獲取視窗和螢幕解析度等尺寸程式碼JavaScript
- javascript獲取移動裝置螢幕尺寸的程式碼JavaScript
- JavaScript獲取瀏覽器、元素、螢幕的寬高尺寸JavaScript瀏覽器
- js獲取網頁螢幕寬高JS網頁
- 瀏覽器/元素尺寸相關的屬性瀏覽器
- javascript獲取物件直接量中的屬性和屬性值JavaScript物件
- JavaScript 獲取 checked 屬性值JavaScript
- javascript如何獲取屬性值JavaScript
- js獲取div相對螢幕的座標位置JS
- JS獲取螢幕大小JS
- javascript中獲取元素尺寸JavaScript
- javascript實現的設定和獲取元素屬性JavaScript
- 【求助】關於響應式設計螢幕解析度和螢幕尺寸的問題
- Apple裝置螢幕尺寸和方向APP
- JavaScript獲取img的原始尺寸JavaScript
- javascript學習之路之元素獲取和設定屬性JavaScript
- javascript獲取網頁的高度JavaScript網頁
- iOS 各種螢幕尺寸iOS
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- jQuery - 獲取內容和屬性jQuery
- Flutter之支援不同的螢幕尺寸和方向Flutter
- javascript獲取window視窗的尺寸JavaScript
- 用JavaScript獲取原始圖片尺寸JavaScript
- Android獲取螢幕和控制元件座標Android控制元件
- JS 獲取瀏覽器和螢幕寬高資訊JS瀏覽器
- android 獲取螢幕高度和寬度的方法Android
- 獲取網路卡的相關資訊
- background相關屬性
- C#反射設定屬性值和獲取屬性值C#反射
- laravel Eloquent模型 關於模型關聯屬性獲取Laravel模型
- javascript如何獲取img圖片的尺寸JavaScript
- JS,Jquery獲取各種螢幕的寬度和高度JSjQuery
- vue 前端框架的網頁是否是不能用 js 和 jquery 獲取元素屬性或修改?Vue前端框架網頁JSjQuery
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- Js位置與大小(1)——正確理解和運用與尺寸大小相關的DOM屬性JS
- Python的tkinter獲取元件屬性和設定元件屬性Python元件