`

JavaScript获得页面的宽度和高度

阅读更多
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 ;
s += "\r\n你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" ;
s += "\r\n你的屏幕设置是 " + window.screen.deviceXDPI + " 像素/英寸" ;
alert (s);
分享到:
评论

相关推荐

    javascript获取滚动条高度 页面宽度与高度

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

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

    JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中,获取当前页面的可视高度和宽度,以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...

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

    本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解,主要集中在JavaScript的DOM操作和窗口对象(Window)的属性与方法上。 1. **当前页面可视区域尺寸**...

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

    同样,如果可视区域宽度小于页面总宽度,函数会返回视口宽度,否则返回页面宽度。 3. **getInfo() 函数**:此函数更全面,它不仅提供了可视区域的宽度和高度,还包含了浏览器窗口本身的宽度和高度。通过 `document....

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

    ### JavaScript 获取当前页面可视高度和宽度以及浏览器宽度和高度的函数 #### 一、概述 在Web开发过程中,经常需要获取当前页面可视区域的高度和宽度,以及整个浏览器窗口的尺寸。这些信息对于响应式设计、页面...

    Javascript 获取页面高度(多种浏览器)

    总之,获取页面高度和宽度是 JavaScript 开发中的常见任务,但需要注意浏览器的兼容性和差异。正确的方法是使用兼容性好的代码,以确保在所有主流浏览器中都能得到期望的结果。理解 `document.body` 和 `document....

    javascript获取页面各种高度

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

    javascript 获取网页高度宽度.pdf

    - 在不同的浏览器中,获取页面宽度和高度的方法可能略有不同: - **Internet Explorer**: - `document.body.clientWidth` 返回 `BODY` 元素的宽度。 - `document.body.clientHeight` 返回 `BODY` 元素的高度。 ...

    iframe根据页面内容自适应高度和宽度

    2. **JavaScript**:使用JavaScript来动态获取`iframe`的内容高度和宽度。可以监听`load`事件,当`iframe`加载完成后,通过`contentWindow`和`contentDocument`属性获取内容的尺寸,然后调整`iframe`的大小。例如: ...

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

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

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...

    jquery实现动态改变div宽度和高度

    这两个方法都允许我们获取或设置元素的宽度和高度。当我们传递一个参数给这两个方法时,它会设置元素的尺寸;而如果没有传递参数,它则会返回当前元素的宽度或高度。 在文章中提供的HTML代码中,我们定义了一个div...

    javascript获取网页高度宽度.rar

    在JavaScript编程语言中,获取网页的高度和宽度是常见的需求,特别是在动态布局、页面滚动或响应式设计中。本文将深入探讨如何使用JavaScript有效地获取这些信息,并结合实际应用场景进行讲解。 一、窗口对象...

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

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

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

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,这在进行网页布局、动态调整元素尺寸或者实现滚动事件处理时尤其重要。以下将详细介绍如何通过JavaScript获取这些信息,并探讨不同浏览器间可能存在的差异。 ...

    js获取屏幕的高度与宽度

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

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

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,这有助于我们进行页面布局、响应式设计或者自适应调整。本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 ...

    CSS+JS 蒙板居中技术,居中技术,使用JS获取div的宽度高度?

    本主题将深入探讨如何利用CSS和JavaScript实现蒙版的居中技术,并讲解如何使用JavaScript获取div的宽度和高度。 首先,让我们了解CSS中的居中技术。在CSS中,有多种方法可以实现元素的水平和垂直居中。以下是一些...

    Javascript获取页面、屏幕尺寸大小参数.

    在JavaScript编程中,获取页面和屏幕尺寸大小是前端开发中常见的需求之一,这涉及到一系列的属性和方法,用于测量浏览器窗口、文档元素以及设备屏幕的大小。以下将详细解析如何利用JavaScript来获取这些参数,包括...

Global site tag (gtag.js) - Google Analytics