JS獲取螢幕大小
<html>
<script>
function a(){
document.write(
"螢幕解析度為:"+screen.width+"*"+screen.height
+"<br />"+
"螢幕可用大小:"+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"網頁可見區域寬:"+document.body.clientWidth
+"<br />"+
"網頁可見區域高:"+document.body.clientHeight
+"<br />"+
"網頁可見區域寬(包括邊線的寬):"+document.body.offsetWidth
+"<br />"+
"網頁可見區域高(包括邊線的寬):"+document.body.offsetHeight
+"<br />"+
"網頁正文全文寬:"+document.body.scrollWidth
+"<br />"+
"網頁正文全文高:"+document.body.scrollHeight
+"<br />"+
"網頁被捲去的高:"+document.body.scrollTop
+"<br />"+
"網頁被捲去的左:"+document.body.scrollLeft
+"<br />"+
"網頁正文部分上:"+window.screenTop
+"<br />"+
"網頁正文部分左:"+window.screenLeft
+"<br />"+
"螢幕解析度的高:"+window.screen.height
+"<br />"+
"螢幕解析度的寬:"+window.screen.width
+"<br />"+
"螢幕可用工作區高度:"+window.screen.availHeight
+"<br />"+
"螢幕可用工作區寬度:"+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
<script>
function a(){
document.write(
"螢幕解析度為:"+screen.width+"*"+screen.height
+"<br />"+
"螢幕可用大小:"+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"網頁可見區域寬:"+document.body.clientWidth
+"<br />"+
"網頁可見區域高:"+document.body.clientHeight
+"<br />"+
"網頁可見區域寬(包括邊線的寬):"+document.body.offsetWidth
+"<br />"+
"網頁可見區域高(包括邊線的寬):"+document.body.offsetHeight
+"<br />"+
"網頁正文全文寬:"+document.body.scrollWidth
+"<br />"+
"網頁正文全文高:"+document.body.scrollHeight
+"<br />"+
"網頁被捲去的高:"+document.body.scrollTop
+"<br />"+
"網頁被捲去的左:"+document.body.scrollLeft
+"<br />"+
"網頁正文部分上:"+window.screenTop
+"<br />"+
"網頁正文部分左:"+window.screenLeft
+"<br />"+
"螢幕解析度的高:"+window.screen.height
+"<br />"+
"螢幕解析度的寬:"+window.screen.width
+"<br />"+
"螢幕可用工作區高度:"+window.screen.availHeight
+"<br />"+
"螢幕可用工作區寬度:"+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
相關文章
- js獲取網頁螢幕寬高JS網頁
- javascript獲取螢幕的尺寸JavaScript
- js獲取div相對螢幕的座標位置JS
- JS 獲取瀏覽器和螢幕寬高資訊JS瀏覽器
- JS,Jquery獲取各種螢幕的寬度和高度JSjQuery
- 獲取各種螢幕高度寬度(工作)
- javascript如何獲取電腦螢幕的尺寸JavaScript
- js劃詞翻譯、螢幕取詞,取詞位置獲取(真正解決定位問題)JS
- js獲取滑鼠指標在顯示器螢幕中的座標JS指標
- android通過MediaProjection獲取螢幕內容AndroidProject
- React Native 之 獲取螢幕解析度React Native
- Flutter 中獲取螢幕以及 Widget 的寬高Flutter
- WIN32API:獲取螢幕的解析度Win32API
- 獲取當前螢幕顯示的viewcontrollerViewController
- Android獲取螢幕和控制元件座標Android控制元件
- android 獲取螢幕高度和寬度的方法Android
- Android獲取當前Activity的螢幕截圖Android
- 請教java中如何獲取螢幕解析度Java
- 螢幕取詞核心內幕 (轉)
- 小程式獲取當前元素在螢幕中的位置
- C#獲取Windows10螢幕的縮放比例C#Windows
- javascript獲取移動裝置螢幕尺寸的程式碼JavaScript
- javascript獲取網頁和螢幕尺寸相關屬性JavaScript網頁
- JavaScript獲取瀏覽器、元素、螢幕的寬高尺寸JavaScript瀏覽器
- 獲取bitmap大小
- js獲取瀏覽器視窗的大小JS瀏覽器
- Flutter使用ScreenUtil獲取螢幕寬高初始化報錯Flutter
- flutter 螢幕尺寸適配 字型大小適配Flutter
- android自適應螢幕方向和大小Android
- 滑鼠螢幕取詞 原理 (轉)
- java 獲取物件大小Java物件
- Java及Jquery獲取螢幕解析度的實現程式碼JavajQuery
- javascript獲取視窗和螢幕解析度等尺寸程式碼JavaScript
- android系統如何自適應螢幕大小Android
- QT擷取螢幕的實現QT
- win10系統如何獲取高解析度螢幕截圖Win10
- iOS專案開發實戰——使用程式碼獲取螢幕寬高iOS
- Android -- 工具類(七):[ScreenUtil] (截圖,獲取螢幕寬高,顯示、隱藏虛擬鍵盤,調節螢幕亮度)Android