转载:
http://gflei.iteye.com/blog/549112
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();
分享到:
相关推荐
Javascript浏览器和屏幕各种高度宽度.pngJavascript浏览器和屏幕各种高度宽度.png
console.log(`屏幕宽度:${screenWidth},屏幕高度:${screenHeight}`); ``` #### 1.2 使用`window.innerWidth`和`window.innerHeight` `window.innerWidth`和`window.innerHeight`属性返回的是可视区域的宽度和...
使用JavaScript(简称JS),开发者可以通过多种方式获取屏幕的高度和宽度,以及页面元素的尺寸信息。 首先,要获取屏幕的宽度和高度,可以使用window对象提供的screen属性。具体来说,可以使用window.screen.width...
### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...
屏幕高度是指浏览器窗口可视区域的垂直尺寸,而屏幕宽度则是指水平方向的尺寸。这些信息对于动态布局和适配不同设备屏幕的网页设计特别有用。 在jQuery中,获取屏幕高度和宽度的方法非常直观。我们可以使用`$...
JS获取各种屏幕的宽度和高度
### JS 获取浏览器的高度和宽度详解 在Web开发中,经常需要获取浏览器的尺寸信息以便进行适配或调整页面布局。JavaScript 提供了多种方法来获取这些信息,不同的浏览器可能使用不同的属性来达到相同的目的。本篇...
* `window.screen.width`:获取浏览器的屏幕宽度 * `window.screen.availHeight`:获取浏览器的可用事情区高度 * `window.screen.availWidth`:获取浏览器的可用事情区宽度 * `window.screenTop`:获取浏览器的正文...
总之,JavaScript提供了多种方式来获取浏览器的高度和宽度信息,但需要注意浏览器之间的兼容性问题,确保代码能在不同的环境下正确工作。通过适当地组合和测试这些属性,可以实现各种复杂的功能,如响应式设计、滚动...
// 获取屏幕宽度 var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸,并据此调整网页布局。 #### 获取...
在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素。 宽度很简单就是width:100% 但是高度呢,我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。 以前我的...
本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...
为了解决这类问题,我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关JavaScript的实现代码: (function (doc, win) { var docEl = doc.documentElement, resizeEvt = '...
如果需要图片的高度自适应容器宽度,可以使用CSS的响应式设计,比如媒体查询(`media queries`),当屏幕尺寸变化时调整图片的`height`属性,保持宽高比。 `js`文件可能包含了一些交互功能,比如图片的懒加载(lazy ...
在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...
以下是一些相关的JavaScript函数,用于获取这些信息: 1. **getHeight() 函数**:这个函数的主要目的是计算当前页面可视区域的高度。它首先尝试使用 `window.innerHeight` 和 `window.scrollMaxY` 来获取高度,这是...
14. **屏幕可用工作区宽度**:`window.screen.availWidth` 用户可用的屏幕宽度,减去任务栏等系统元素。 接下来,我们将讨论jQuery中的相关方法,jQuery提供了一种更简洁的方式来获取这些值: 1. **浏览器当前窗口...