JS获取屏幕各种高

 1 <script language="javascript">
 2         var h = "";
 3         h += " 网页可见区域宽:"+ document.body.clientWidth;
 4         h += " 网页可见区域高:"+ document.body.clientHeight;
 5         h += " 网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
 6         h += " 网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
 7         h += " 网页正文全文宽:"+ document.body.scrollWidth;
 8         h += " 网页正文全文高:"+ document.body.scrollHeight;
 9         h += " 网页被卷去的高:"+ document.body.scrollTop;
10         h += " 网页被卷去的左:"+ document.body.scrollLeft;
11         h += " 网页正文部分上:"+ window.screenTop;
12         h += " 网页正文部分左:"+ window.screenLeft;
13         h += " 屏幕分辨率的高:"+ window.screen.height;
14         h += " 屏幕分辨率的宽:"+ window.screen.width;
15         h += " 屏幕可用工作区高度:"+ window.screen.availHeight;
16         h += " 屏幕可用工作区宽度:"+ window.screen.availWidth;
17         h += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
18         h += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
19          alert(h);
20     </script>
时间: 2024-10-21 10:00:21

JS获取屏幕各种高的相关文章

js获取浏览器宽高、网页宽高、屏幕宽高、鼠标位置等(带图片说明)

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;(点击查看大图) 网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);(点击查看大图)有没有发现,offsetWidth和clientWidth的区别,offsetWidt是连滚动条一起包含在内的. 网页正文全文宽: documen

js获取网页屏高 屏宽

<SCRIPT LANGUAGE="JavaScript"> <!-- //document.body.scrollTop 滚动条的上端距离 //document.body.scrollLeft 滚动条的左端距离 window.onload = function() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:&qu

js获取屏幕

js获取屏幕(设备)宽高 <script language="javascript"> var h = ""; h += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; h += " 网页可见区域高:"+ document.body.clientHeight+"\n"; h += " 网页可见区域宽:"+ docu

android获取屏幕宽高与获取控件宽高

获取屏幕宽高 // 获取屏幕宽高(方法1) int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素,如:480px) int screenHeight = getWindowManager().getDefaultDisplay().getHeight(); // 屏幕高(像素,如:800p) Log.e(TAG + " getDefaultDisplay", "screen

各种情况上JS获取元素宽高

各种情况下JS获取元素宽高 为了叙述简单,这里仅拿width示例. 情景一,元素style属性设置了width/height <div style="width:996px">test<div><script> var div = document.getElementsByTagName('div')[0]; alert(div.style.width);</script>默认分类 如上,使用el.style.width即可. 如果没有

android 获取屏幕宽高 和 获取控件坐标

一.获取屏幕宽高: (1). WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); int height = wm.getDefaultDisplay().getHeight(); (2). WindowManager wm = this.getWindowManager(); int width = wm

android获取屏幕宽高工具类

import java.lang.reflect.Field; import android.app.Activity; import android.content.Context; import android.graphics.Point; import android.util.DisplayMetrics; import android.view.Display; import android.view.Window; import android.view.WindowManager

JS获取网页宽高方法集合

JS获取网页宽高等方法的集合:document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高 document.body.offsetWidth - 网页可见区域宽,包括边线和滚动条的宽document.body.offsetHeight - 网页可见区域高,包括边线和滚动条的高[FF,chrom下是整个页面高,IE opera 下正常] document.body.scrollWidth - 网页总宽documen

JS获取IMG图片高宽

前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题.不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值:趁今天有空我就写了几个demo测试了下,找了下原因:且听我细细说来,如有哪里说的不对的,欢迎拍砖--- 首先获取高宽的方法具我所知有:obj.style.width(height); obj.offsetWidth(offsetHeight); obj.clientWidth(clientHeight); getCo