`

js 屏幕 宽度 高度 信息 获得

阅读更多
<script. language="javascript">

function screenInfo(){

    var s = "";

   s += "\r\n网页可见区域宽:"+ document.body.clientWidth;

   s += "\r\n网页可见区域高:"+ document.body.clientHeight;

   s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线的宽)";

   s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";

   s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;

   s += "\r\n网页正文全文高:"+ document.body.scrollHeight;

   s += "\r\n网页被卷去的高:"+ document.body.scrollTop;

   s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;

   s += "\r\n网页正文部分上:"+ window.screenTop;

   s += "\r\n网页正文部分左:"+ window.screenLeft;

   s += "\r\n屏幕分辨率的高:"+ window.screen.height;

   s += "\r\n屏幕分辨率的宽:"+ window.screen.width;

   s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;

   s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;

   alert(s);

}

screenInfo();

</script>
分享到:
评论

相关推荐

    Javascript浏览器和屏幕各种高度宽度

    Javascript浏览器和屏幕各种高度宽度.pngJavascript浏览器和屏幕各种高度宽度.png

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

    console.log(`屏幕宽度:${screenWidth},屏幕高度:${screenHeight}`); ``` #### 1.2 使用`window.innerWidth`和`window.innerHeight` `window.innerWidth`和`window.innerHeight`属性返回的是可视区域的宽度和...

    js获取屏幕的高度与宽度

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

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

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...

    jQuery 获取屏幕高度和宽度

    屏幕高度是指浏览器窗口可视区域的垂直尺寸,而屏幕宽度则是指水平方向的尺寸。这些信息对于动态布局和适配不同设备屏幕的网页设计特别有用。 在jQuery中,获取屏幕高度和宽度的方法非常直观。我们可以使用`$...

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

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

    JS浏览器的高度和宽度

    ### JS 获取浏览器的高度和宽度详解 在Web开发中,经常需要获取浏览器的尺寸信息以便进行适配或调整页面布局。JavaScript 提供了多种方法来获取这些信息,不同的浏览器可能使用不同的属性来达到相同的目的。本篇...

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

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

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

    总之,JavaScript提供了多种方式来获取浏览器的高度和宽度信息,但需要注意浏览器之间的兼容性问题,确保代码能在不同的环境下正确工作。通过适当地组合和测试这些属性,可以实现各种复杂的功能,如响应式设计、滚动...

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

    在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素。 宽度很简单就是width:100% 但是高度呢,我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。 以前我的...

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

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

    js实现rem自动匹配计算font-size的示例

    为了解决这类问题,我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关JavaScript的实现代码: (function (doc, win) { var docEl = doc.documentElement, resizeEvt = '...

    图片排列效果(几行几列宽度固定,高度自适应)

    如果需要图片的高度自适应容器宽度,可以使用CSS的响应式设计,比如媒体查询(`media queries`),当屏幕尺寸变化时调整图片的`height`属性,保持宽高比。 `js`文件可能包含了一些交互功能,比如图片的懒加载(lazy ...

    js获取屏幕分辨率的方法

    // 获取屏幕宽度 var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸,并据此调整网页布局。 #### 获取...

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

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

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    以下是一些相关的JavaScript函数,用于获取这些信息: 1. **getHeight() 函数**:这个函数的主要目的是计算当前页面可视区域的高度。它首先尝试使用 `window.innerHeight` 和 `window.scrollMaxY` 来获取高度,这是...

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

    14. **屏幕可用工作区宽度**:`window.screen.availWidth` 用户可用的屏幕宽度,减去任务栏等系统元素。 接下来,我们将讨论jQuery中的相关方法,jQuery提供了一种更简洁的方式来获取这些值: 1. **浏览器当前窗口...

Global site tag (gtag.js) - Google Analytics