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 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中,获取当前页面的可视高度和宽度,以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...
本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解,主要集中在JavaScript的DOM操作和窗口对象(Window)的属性与方法上。 1. **当前页面可视区域尺寸**...
### JavaScript 获取当前页面可视高度和宽度以及浏览器宽度和高度的函数 #### 一、概述 在Web开发过程中,经常需要获取当前页面可视区域的高度和宽度,以及整个浏览器窗口的尺寸。这些信息对于响应式设计、页面...
总之,获取页面高度和宽度是 JavaScript 开发中的常见任务,但需要注意浏览器的兼容性和差异。正确的方法是使用兼容性好的代码,以确保在所有主流浏览器中都能得到期望的结果。理解 `document.body` 和 `document....
- **window.screen.availHeight** 和 **window.screen.availWidth**: 分别获取用户屏幕的有效工作区的高度和宽度,单位为像素。这里的有效工作区是指除了任务栏等操作系统占用的空间外,可以用来显示浏览器窗口的...
2. **JavaScript**:使用JavaScript来动态获取`iframe`的内容高度和宽度。可以监听`load`事件,当`iframe`加载完成后,通过`contentWindow`和`contentDocument`属性获取内容的尺寸,然后调整`iframe`的大小。例如: ...
在当今Web开发中,动态修改页面元素的尺寸是一个非常常见的需求,尤其是在响应式设计中,我们经常需要根据不同设备或用户的操作来调整元素的宽度和高度。本文将介绍如何使用jQuery来实现动态改变div的宽度和高度。...
Javascript浏览器和屏幕各种高度宽度.pngJavascript浏览器和屏幕各种高度宽度.png
- 这两个属性返回的是屏幕可用的高度和宽度,即减去了任务栏等操作系统占用的空间后的实际可用尺寸。 #### jQuery获取屏幕尺寸 在使用jQuery时,获取屏幕尺寸的方法更加简洁: 1. **`$(window).height()`** 和 *...
这个函数将获取当前页面和IFRAME框架中的高度,然后将IFRAME框架的高度设置为较高的那个值。 在窗口大小调整时,我们也需要调用handleFrameLoad函数来重新设置IFRAME框架的高度,以确保IFRAME框架的高度能够自动...
在JavaScript(JS)中,获取和操作元素的宽度与高度是常见的需求,特别是在网页动态布局、用户交互以及响应式设计中。本主题将深入探讨如何使用JavaScript处理元素的宽度和高度,以及相关的尺寸句柄。 首先,我们有...
本主题将深入探讨如何利用CSS和JavaScript实现蒙版的居中技术,并讲解如何使用JavaScript获取div的宽度和高度。 首先,让我们了解CSS中的居中技术。在CSS中,有多种方法可以实现元素的水平和垂直居中。以下是一些...
总结一下,利用`xlsx.core.min.js`库,我们可以方便地在JavaScript中生成自定义的Excel文件,包括设置表格的宽度和高度。这个库的灵活性使得在前端实现Excel操作变得简单易行,极大地提高了开发效率。在实际应用中,...
在实现DIV层自适应高度和宽度时,我们需要使用JavaScript来动态地改变DIV层的高度和宽度。因此,我们需要了解一些基本的JavaScript知识点,例如变量的声明、函数的定义和调用、事件的监听等。 三、获取浏览器窗口的...
使用JavaScript原生方式通常涉及到对iframe元素的高度和宽度属性的实时控制,以适应内容的动态变化。而使用jQuery库则可以简化这一过程,利用其封装好的函数来轻松实现相同的功能。 具体而言,通过JavaScript原生...
javascript注册页面代码(只包含用户名&密码&邮箱的验证)
### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...
这段代码会在页面加载完成后立即执行,打印出当前浏览器窗口的屏幕高度和宽度。`$(document).ready()`确保在执行任何操作前,HTML文档已经完全加载完毕。 如果你在`demo`文件中找到了示例代码,你可以打开浏览器的...
总之,JavaScript提供了丰富的API来获取和操作页面及元素的尺寸和位置信息,这使得我们可以构建出更复杂、更具交互性的网页应用。通过熟练掌握这些方法,开发者可以更好地控制网页的布局和用户体验。