`

JS获取屏幕高度

阅读更多
var s = "";  
  s += " 网页可见区域宽:"+   document.body.clientWidth;
  s += " 网页可见区域高:"+   document.body.clientHeight;  
  s += " 网页可见区域宽:"+   document.body.offsetWidth     +"   (包括边线和滚动条的宽)";  
  s += " 网页可见区域高:"+   document.body.offsetHeight   +"   (包括边线的宽)";  
  s += " 网页正文全文宽:"+   document.body.scrollWidth;  
  s += " 网页正文全文高:"+   document.body.scrollHeight;  
  s += " 网页被卷去的高:"+   document.body.scrollTop;  
  s += " 网页被卷去的左:"+   document.body.scrollLeft;  
  s += " 网页正文部分上:"+   window.screenTop;  
  s += " 网页正文部分左:"+   window.screenLeft;  
  s += " 屏幕分辨率的高:"+   window.screen.height;  
  s += " 屏幕分辨率的宽:"+   window.screen.width;  
  s += " 屏幕可用工作区高度:"+   window.screen.availHeight;  
  s += " 屏幕可用工作区宽度:"+   window.screen.availWidth;  
  s += " 你的屏幕设置是   "+   window.screen.colorDepth   +"   位彩色";  
  s += " 你的屏幕设置   "+   window.screen.deviceXDPI   +"   像素/英寸";

分享到:
评论

相关推荐

    JavaScript获取屏幕高度和宽度等信息

    JavaScript作为一种广泛应用于网页编程的语言,提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...

    js获取屏幕的高度与宽度

    使用JavaScript(简称JS),开发者可以通过多种方式获取屏幕的高度和宽度,以及页面元素的尺寸信息。 首先,要获取屏幕的宽度和高度,可以使用window对象提供的screen属性。具体来说,可以使用window.screen.width...

    js获取屏幕分辨率的方法

    // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸,并据此调整网页布局。 #### 获取浏览器窗口尺寸 除了屏幕尺寸外,了解浏览器窗口的实际可视...

    jQuery 获取屏幕高度和宽度

    在jQuery中,获取屏幕高度和宽度的方法非常直观。我们可以使用`$(window).height()`和`$(window).width()`这两个内置函数。让我们详细分析一下它们的工作原理: 1. `$(window).height()`: 这个函数返回当前浏览器...

    JS获取屏幕高度的简单实现代码

    在讨论如何用JavaScript获取屏幕高度之前,首先应该了解浏览器提供的窗口尺寸相关信息的属性。这些属性虽然听起来相似,但在不同浏览器和不同的页面布局下却有不同的表现。获取屏幕高度和浏览器窗口高度是Web开发中...

    js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf

    * `window.screen.height`:获取浏览器的屏幕高度 * `window.screen.width`:获取浏览器的屏幕宽度 * `window.screen.availHeight`:获取浏览器的可用事情区高度 * `window.screen.availWidth`:获取浏览器的可用...

    获取屏幕的像素数,密度,状态栏的高度等

    在Android中,可以使用DisplayMetrics类的widthPixels和heightPixels属性来获取屏幕的像素宽度和高度。 ```java DisplayMetrics displayMetrics = new DisplayMetrics(); getWindowManager().getDefaultDisplay()....

    JS,Jquery获取各种屏幕的宽度和高度

    #### JavaScript获取屏幕尺寸 在原生JavaScript中,可以通过多种方法来获取屏幕的宽度和高度,具体如下: 1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`**: - 这两个属性分别用于获取...

    获取屏幕搞得,赋值给div

    在提供的压缩包文件中,`获取屏幕搞得,赋值给div.html`可能是一个包含了上述逻辑的HTML文件,`css`文件可能是包含相应CSS样式的文件,而`js`文件则可能包含处理屏幕高度和`div`赋值的JavaScript代码。通过分析这些...

    微信小程序中使元素占满整个屏幕高度实现方法

    以前我的做法是用js获取屏幕的高度,然后将其赋值给height, 屏幕高度在网页中为:window.innerHeight; 在微信小程序中则需要调用wx.getSystemInfo接口,然后通过setData赋值 但是显然通过js来进行的,效率上肯定不如...

    javascript获取页面各种高度

    在JavaScript编程语言中,开发者经常需要获取与网页和屏幕尺寸相关的数据,比如页面的可视区域、文档的实际大小以及用户屏幕的有效工作区等信息。这些数据对于优化网站布局、响应式设计以及实现某些交互功能至关重要...

    js获取浏览器高度和宽度值.pdf

    本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...

    JS获取各种屏幕的宽度和高度.txt

    JS获取各种屏幕的宽度和高度

    JavaScript 获取浏览器的显示区域大小信息

    - **`screen.availHeight`**:返回可用屏幕高度(考虑任务栏等因素后的实际可用高度)。 - **`screen.availWidth`**:返回可用屏幕宽度(考虑任务栏等因素后的实际可用宽度)。 ```javascript var availHeight = ...

    JS获取浏览器窗口大小获取屏幕,浏览器,网页高度宽度[文].pdf

    在JavaScript中,获取浏览器窗口、屏幕以及网页的高度和宽度是常见的需求,这在网页布局、动态调整元素尺寸、响应式设计等方面非常有用。以下是一些关键的JavaScript属性和方法,用于获取这些信息: 1. **网页可见...

    js获取浏览器高度和宽度值(多浏览器)

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...

    js地理坐标与屏幕坐标互转换

    - `scaleX = ((maxLon - minLon) * 3600) / h`,其中h为屏幕高度(像素); - `scaleY = ((maxLat - minLat) * 3600) / w`,其中w为屏幕宽度(像素)。 3. **地理坐标转屏幕坐标**:将地理坐标转换为屏幕坐标时,...

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

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

Global site tag (gtag.js) - Google Analytics