`

[转] JS获取当前对象大小以及屏幕分辨率等

    博客分类:
  • js
阅读更多
<script type="text/javascript">function getInfo(){ 
     
var s = "";   
      s 
+= " 网页可见区域宽:"+ document.body.clientWidth+"\n";    
      s 
+= " 网页可见区域高:"+ document.body.clientHeight+"\n";    
      s 
+= " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";    
      s 
+= " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"\n";    
      s 
+= " 网页正文全文宽:"+ document.body.scrollWidth+"\n";    
      s 
+= " 网页正文全文高:"+ document.body.scrollHeight+"\n";    
      s 
+= " 网页被卷去的高(ff):"+ document.body.scrollTop+"\n";    
      s 
+= " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"\n";    
      s 
+= " 网页被卷去的左:"+ document.body.scrollLeft+"\n";    
      s 
+= " 网页正文部分上:"+ window.screenTop+"\n";    
      s 
+= " 网页正文部分左:"+ window.screenLeft+"\n";    
      s 
+= " 屏幕分辨率的高:"+ window.screen.height+"\n";    
      s 
+= " 屏幕分辨率的宽:"+ window.screen.width+"\n";    
      s 
+= " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";    
      s 
+= " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";    
      s 
+= " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";    
      s 
+= " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";    
      alert (s);
    }
    getInfo();
  
</script>
复制代码

 

 

 
 
标签: Javascript
分享到:
评论

相关推荐

    JS获取当前网页大小以及屏幕分辨率等

    获取当前对象大小以及屏幕分辨率等&lt;/title&gt; &lt;body&gt; [removed] var s = ; s += 网页可见区域宽:+ document.body.clientWidth+ ; s += 网页可见区域高:+ document.body.clientHeight+ ; s +

    获取android手机的分辨率、像素密度等

    在上述代码中,`getWindowManager()`获取到WindowManager服务,`getDefaultDisplay()`获取当前应用的默认Display对象,然后调用`getMetrics(displayMetrics)`方法填充DisplayMetrics对象。 - `widthPixels`和`...

    JS获取浏览器对象

    这些对象提供了丰富的信息,包括但不限于浏览器类型、版本、语言设置、操作系统、屏幕分辨率等。下面我们将深入探讨这些对象及其属性。 1. **navigator对象**: `navigator`对象提供了有关用户浏览器的信息。一些...

    js获取当前屏幕实时逻辑像素

    总结起来,JavaScript获取当前屏幕实时逻辑像素涉及到设备像素比、屏幕尺寸以及相关API的使用。通过理解这些知识点,开发者可以更好地优化网页在不同设备上的显示效果,尤其是对于高分辨率屏幕的适配。在"屏幕测试....

    javacript获取当前屏幕大小

    在 JavaScript 中进行精确定位时,还可以利用 `scrollLeft`, `scrollWidth`, `clientWidth`, `offsetWidth`, `scrollHeight` 等属性,以及事件对象中的 `event.clientX`, `event.clientY`, `event.offsetX`, `event....

    JS测试显示屏分辨率以及屏幕尺寸的方法

    在JavaScript中,我们可以使用内置对象`screen`来获取用户的显示器分辨率和屏幕尺寸。这个对象提供了多个属性,如`screen.width`和`screen.height`,分别返回浏览器窗口在水平和垂直方向上的像素数。这些属性可以...

    Js获取客户端信息

    在网页开发中,有时我们需要获取用户设备的一些详细信息,比如屏幕分辨率、颜色深度等,以便于优化网页布局和用户体验。这篇内容将详细介绍如何使用JavaScript获取客户端信息,特别是与显示屏幕相关的信息。 一、...

    jquery鼠标悬停提示框随屏幕分辨率提示图片文字内容位置

    对于屏幕分辨率的适配,JavaScript的`window.innerWidth`和`window.innerHeight`属性可以帮助我们获取当前窗口的宽度和高度。根据这些值,我们可以计算出提示框的理想位置。考虑到响应式设计,可以使用CSS媒体查询(`...

    JS测试显示器分辨率

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,包括处理用户交互、操作DOM(文档对象模型)、以及与服务器进行异步通信等任务。在网页开发中,我们有时需要获取用户的显示器...

    javascript经典特效---显示器分辨率检测.rar

    console.log("屏幕分辨率: " + width + "x" + height); ``` 3. 使用媒体查询(Media Queries):CSS3引入了媒体查询,允许我们根据设备特征,如视口大小,来应用不同的样式。结合JavaScript,可以监听窗口大小的...

    javascript经典特效---分辨率警告.rar

    这段代码首先获取了ID为"warning"的警告元素,然后定义了一个最小分辨率对象。`checkResolution`函数负责比较当前窗口大小和最小分辨率,并根据比较结果调整警告框的可见性。最后,我们在页面加载完成后调用`...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十六:浏览器对象模型

    screen对象包含了用户的屏幕信息,如屏幕分辨率、颜色深度等。开发者可以利用这些数据优化网页布局。例如,`screen.width`和`screen.height`分别表示屏幕的宽度和高度。 **5. history对象** history对象允许我们...

    JS获取浏览器的高度和宽度

    - `window.screen.height` 和 `window.screen.width` 则提供了屏幕分辨率的高度和宽度,而不是浏览器窗口大小。 在定位元素时,还可以使用`scrollLeft`、`scrollWidth`、`clientWidth`、`offsetWidth`等属性,以及`...

    前端开源库-get-res

    【前端开源库-get-res】是一个专门用于获取当前设备屏幕分辨率的JavaScript开源库。在现代Web开发中,由于设备种类繁多,屏幕尺寸各异,开发者需要能够动态适应不同分辨率的解决方案,以便提供良好的用户体验。get-...

    JAVASCRIPTDOM对象介绍[定义].pdf

    7. `window.screen`:提供关于用户屏幕的信息,如分辨率等。 8. `window.screenX`和`window.screenY`:获取窗口相对于屏幕的坐标。 9. `window.status`:设置或读取窗口状态栏的文本。 10. `window.title`:设置或...

    jsp获取电脑信息控件

    JavaScript是一种运行在客户端的脚本语言,它可以访问浏览器提供的某些API来获取一些基本信息,如浏览器版本、操作系统类型、屏幕分辨率等。然而,由于安全限制,JavaScript通常无法直接访问用户的硬件信息,如CPU...

    浏览器对象

    screen对象提供了用户屏幕的相关信息,如屏幕分辨率、颜色深度等。例如,`screen.width`和`screen.height`分别代表屏幕的宽度和高度。 五、event对象 在JavaScript事件处理中,event对象通常作为参数传递给事件...

    JavaScript window资源管理器

    5. `screen`:包含关于用户的屏幕分辨率、颜色深度等信息。 6. `setTimeout`和`clearTimeout`:用于设置延迟执行的函数,以及取消已设置的延迟任务。 7. `setInterval`和`clearInterval`:用于周期性执行函数,及...

    js获取网页高度(详细整理)

    本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及浏览器窗口的高度。 首先,我们来看一下网页可见区域的高度和宽度。这部分是指用户当前可以看到的页面区域...

Global site tag (gtag.js) - Google Analytics