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
JQuery:
$(document).ready(function(){
alert($(window).height()); //瀏覽器當前視窗可視區域高度
alert($(document).height()); //瀏覽器當前視窗文件的高度
alert($(document.body).height());//瀏覽器當前視窗文件body的高度
alert($(document.body).outerHeight(true));//瀏覽器當前視窗文件body的總高度 包括border padding margin
alert($(window).width()); //瀏覽器當前視窗可視區域寬度
alert($(document).width());//瀏覽器當前視窗文件物件寬度
alert($(document.body).width());//瀏覽器當前視窗文件body的寬度
alert($(document.body).outerWidth(true));//瀏覽器當前視窗文件body的總寬度 包括border padding margin
})
JS,Jquery獲取各種螢幕的寬度和高度
相關文章
- 獲取各種螢幕高度寬度(工作)
- 短視訊平臺原始碼,Android獲取螢幕的高度和寬度原始碼Android
- js 獲取可視介面的高度或寬度JS
- jQuery無法獲取隱藏元素(display:none)寬度(width)和高度(height)的新解決方案jQueryNone
- Java及Jquery獲取螢幕解析度的實現程式碼JavajQuery
- Flutter 中獲取螢幕以及 Widget 的寬高Flutter
- css 實現圖片寬度自適螢幕,高度與寬度成固定比例CSS
- JavaScript獲取瀏覽器、元素、螢幕的寬高尺寸JavaScript瀏覽器
- jQuery獲取各種input輸入框的值jQuery
- iOS 各種螢幕尺寸iOS
- mapbox獲取各種經緯度
- js中的各種寬高JS
- WIN32API:獲取螢幕的解析度Win32API
- JS獲取元素寬高的兩種情況JS
- Flutter使用ScreenUtil獲取螢幕寬高初始化報錯Flutter
- js獲取iframe和父級之間元素,方法、屬,獲取iframe的高度自適應iframe高度JS
- 設定div高度等於螢幕高度
- CSS 讓捲軸不佔用螢幕寬度CSS
- CSS 高度和寬度媒體查詢CSS
- Android -- 工具類(七):[ScreenUtil] (截圖,獲取螢幕寬高,顯示、隱藏虛擬鍵盤,調節螢幕亮度)Android
- Java獲取Spring的各種物件JavaSpring物件
- CSS 讓滾動條不佔用螢幕寬度CSS
- js/jq 獲取網頁寬高JS網頁
- CSS--寬度與高度CSS
- js劃詞翻譯、螢幕取詞,取詞位置獲取(真正解決定位問題)JS
- win10系統如何獲取高解析度螢幕截圖Win10
- android通過MediaProjection獲取螢幕內容AndroidProject
- 根據id獲取元素的寬度的方法
- 網頁根據螢幕寬度請求不同的CSS檔案網頁CSS
- Android三種方式擷取任意介面螢幕Android
- iframe的操作-Js/Jquery獲取iframe中的元素JSjQuery
- win10螢幕變寬了怎麼回事_win10螢幕太寬的解決方法Win10
- Flutter之Button,寬度佔滿螢幕,四周帶icon的ButtonFlutter
- 小程式獲取當前元素在螢幕中的位置
- C#獲取Windows10螢幕的縮放比例C#Windows
- 原生js和jQ獲取視窗寬高及捲軸的方法和函式JS函式
- CSS深入淺出-寬度與高度CSS
- rem根據螢幕寬度來調整html根元素的font-sizeREMHTML