function gets()
{
var s ="网页可见区域宽："+ document.body.clientWidth;
s += "<br>网页可见区域高：" + document.body.clientHeight;
s += "<br>网页可见区域宽：" + document.body.offsetWidth +" (包括边线的宽)";
s += "<br>网页可见区域高：" + document.body.offsetHeight +" (包括边线的宽)";
s += "<br>网页正文全文宽：" + document.body.scrollWidth;
s += "<br>网页正文全文高：" + document.body.scrollHeight;
s += "<br>网页被卷去的高：" + document.body.scrollTop;
s += "<br>网页被卷去的左：" + document.body.scrollLeft;
s += "<br>网页正文部分上：" + window.screenTop;
s += "<br>网页正文部分左：" + window.screenLeft;
s += "<br>屏幕分辨率的宽：" + window.screen.width;
s += "<br>屏幕分辨率的高：" + window.screen.height;
s += "<br>屏幕可用工作区宽度：" + window.screen.availWidth;
s += "<br>屏幕可用工作区高度：" + window.screen.availHeight;
document.getElementById('dd').innerHTML = s;
}
有时会出现取不到值的情况，是因为我的ＨＴＭＬ文件头部加了文档类型。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
解决办法：
１.去掉头部文档类型。
２.把document.body.scrollTop和document.body.scrollLeft这两个家伙改个名字：
document.documentElement.scrollTop 和document.documentElement.scrollLeft。
当然document.body.clientWidth和document.body.clientHeight也要改名字了，改为：document.documentElement.clientWidth和document.documentElement.clientHeight
相关推荐
在JavaScript编程中，获取网页的宽高是一项常见的需求，特别是在页面布局、动态调整元素尺寸或者进行响应式设计时。本文将深入探讨如何利用JavaScript来获取浏览器窗口以及网页内容的宽度和高度。 首先，我们需要...
通过以上介绍，我们可以看到JavaScript提供了丰富的API来获取页面的各种高度信息。在实际开发过程中，开发者可以根据具体需求选择合适的API来优化用户体验，提高网站性能。需要注意的是，在不同浏览器和操作系统中，...
然后，通过JavaScript获取这个`<img>`标签的引用。接着，创建一个新的`Image`对象，并将其`src`属性设置为原始`<img>`标签的`src`属性值。一旦图片加载完成，`Image`对象的`onload`事件将被触发，在这个事件中，可以...
在前端开发中，经常需要对页面元素进行操作，包括获取元素的尺寸信息。然而，当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时，会发现常规的JavaScript方法无法直接获取这些尺寸值，因为display:none...
本文将详细介绍几种使用 JavaScript 获取网页宽高的方法，并对比不同浏览器下的表现。 1. `document.body.clientWidth` 和 `document.body.clientHeight` 这两个属性分别返回网页可见区域的宽度和高度，不包括滚动...
"JQ 获取图片真实宽高"这个标题指的是使用jQuery来获取图片在页面加载完成后的真实宽度和高度，因为图片在未完全加载前，其宽度和高度可能是未知的。下面我们将深入探讨如何实现这一功能，并了解相关的知识点。 1. ...
### 获取页面元素实际宽高的属性使用详解 在前端开发中，了解如何准确地获取页面元素的实际宽高是非常重要的。这不仅有助于我们优化页面布局，还能提高用户体验。本文将详细介绍`clientWidth`、`clientHeight`、`...
本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...
在开发过程中，经常会遇到需要获取页面元素宽高的需求，尤其是在进行页面布局调整时，元素的实际尺寸就变得尤为重要。 在uni-app中获取元素宽高的方法通常涉及到了组件的生命周期函数以及uni提供的API。由于页面在...
页面自适应的实现原理是通过 JavaScript 获取屏幕的宽高，然后根据屏幕大小调整页面元素的宽高和位置。首先，需要获取屏幕的宽高，可以使用 `document.body.offsetHeight` 和 `document.body.offsetWidth` 获取当前...
// 获取页面滚动后的总高度并设置给id为"bg"的元素 function setBgHeight() { var winHeight = document.body.scrollHeight; document.getElementById("bg").style.height = winHeight + "px"; } // 在页面加载...
JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中，获取当前页面的可视高度和宽度，以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...
这篇博客“js获取浏览器宽和高”可能详细阐述了如何利用JavaScript来获取这些信息。虽然提供的链接指向了一个错误的地址，但我们可以根据通常的方法来解释这个过程。 1. **浏览器窗口对象**： 在JavaScript中，`...
### JavaScript 获取窗口属性值 在Web开发中，JavaScript是一种广泛使用的编程语言，它能够与HTML和CSS紧密结合，为网页提供动态交互能力。其中一项常见需求是获取浏览器窗口的各种属性值，比如宽度、高度等，这...
在更早的IE版本或者其他浏览器中，可能需要使用不同的方法来获取页面宽高。 对于IE9以下的浏览器，或者是处于"怪异模式"（Quirks Mode）的浏览器，我们需要使用 `document.body` 来获取宽高。在怪异模式下，浏览器...
利用exif.js解决IOS手机H5页面拍照上传照片旋转90度问题: upLoadPic($inputBorn, $inpOutBorn, 1); 其中$inputBorn为type="file"的input, $inpOutBorn为展示图片用的盒子,盒子要给宽高,默认的情况下,图片是以背景...
在 Opera 中，`document.documentElement.clientWidth` 可以获取页面临象的宽度，`document.documentElement.clientHeight` 可以获取页面临象的高度。 3. 使用 `window` 对象： `window.screenTop` 可以获取网页...
在JavaScript中获取页面宽高的一个示例代码如下： ```javascript function getInfo() { var s = ""; s += "网页可见区域宽：" + document.body.clientWidth; s += "网页可见区域高：" + document.body....
"js控制页面内图片同宽比例缩小"这个主题聚焦于如何利用JavaScript动态调整图片尺寸，确保图片在不同设备和屏幕尺寸下保持正确的比例，避免图片变形。这通常涉及到图像的响应式布局，是现代Web开发中的一个常见需求...
在前端开发中，获取浏览器窗口以及页面元素的宽高是一个经常执行的操作。原生JavaScript为我们提供了多种方法来实现这一需求。本文将详细介绍这些常用方法，并解释它们的应用场景。 1. 获取窗口可视区域的宽度和...