`

转载 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 获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

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

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

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

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

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

    javascript获取页面各种高度

    - **window.screen.availHeight** 和 **window.screen.availWidth**: 分别获取用户屏幕的有效工作区的高度和宽度,单位为像素。这里的有效工作区是指除了任务栏等操作系统占用的空间外,可以用来显示浏览器窗口的...

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

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

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

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

    javascript获取设置div的高度和宽度兼容任何浏览器.docx

    ### JavaScript 获取和设置 div 的高度和宽度以兼容各种浏览器 #### 概述 在Web开发过程中,经常需要处理不同浏览器间的兼容性问题。对于获取和设置`div`元素的高度和宽度,JavaScript提供了多种方法来确保跨...

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

    - 这两个属性返回的是屏幕可用的高度和宽度,即减去了任务栏等操作系统占用的空间后的实际可用尺寸。 #### jQuery获取屏幕尺寸 在使用jQuery时,获取屏幕尺寸的方法更加简洁: 1. **`$(window).height()`** 和 *...

    JAVASCRIPT让IFRAME框架的高度自适应

    这个函数将获取当前页面和IFRAME框架中的高度,然后将IFRAME框架的高度设置为较高的那个值。 在窗口大小调整时,我们也需要调用handleFrameLoad函数来重新设置IFRAME框架的高度,以确保IFRAME框架的高度能够自动...

    JS里各种宽度和高度的句柄

    在JavaScript(JS)中,获取和操作元素的宽度与高度是常见的需求,特别是在网页动态布局、用户交互以及响应式设计中。本主题将深入探讨如何使用JavaScript处理元素的宽度和高度,以及相关的尺寸句柄。 首先,我们有...

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

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

    使用JS+CSS实现DIV层自适应高度和宽度

    在实现DIV层自适应高度和宽度时,我们需要使用JavaScript来动态地改变DIV层的高度和宽度。因此,我们需要了解一些基本的JavaScript知识点,例如变量的声明、函数的定义和调用、事件的监听等。 三、获取浏览器窗口的...

    JS浏览器的高度和宽度

    本篇文章将详细介绍如何通过 JavaScript 获取不同浏览器中的高度和宽度。 #### 1. 获取 BODY 对象的宽度和高度 - **`document.body.clientWidth`**: 返回 BODY 元素的可见宽度(不包括滚动条和边框)。 - **`...

    js导出Exsl自定义文件,可设置宽度与高度

    总结一下,利用`xlsx.core.min.js`库,我们可以方便地在JavaScript中生成自定义的Excel文件,包括设置表格的宽度和高度。这个库的灵活性使得在前端实现Excel操作变得简单易行,极大地提高了开发效率。在实际应用中,...

    JavaScript 获取浏览器的显示区域大小信息

    ### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...

    jQuery 获取屏幕高度和宽度

    这段代码会在页面加载完成后立即执行,打印出当前浏览器窗口的屏幕高度和宽度。`$(document).ready()`确保在执行任何操作前,HTML文档已经完全加载完毕。 如果你在`demo`文件中找到了示例代码,你可以打开浏览器的...

    js获取页面及个元素高度、宽度的代码

    总之,JavaScript提供了丰富的API来获取和操作页面及元素的尺寸和位置信息,这使得我们可以构建出更复杂、更具交互性的网页应用。通过熟练掌握这些方法,开发者可以更好地控制网页的布局和用户体验。

    一个PostCSS插件用于自动为背景图像添加CSS规则宽度和高度

    这个插件的主要目标是自动化处理CSS中的背景图像,确保它们具有适当的宽度和高度规则,从而避免布局问题。 在CSS中,当我们为一个元素设置背景图像时,如果没有指定宽度和高度,浏览器可能会以不可预期的方式渲染...

    JAVASCRIPT页面效果实例

    JavaScript是一种广泛应用于网页和互联网应用开发的脚本语言,它主要负责实现客户端的交互效果和动态功能。在“JAVASCRIPT页面效果实例”中,我们可以深入探讨如何使用JavaScript来增强用户体验并创建引人入胜的网页...

    生成网页缩略图(输入网址,宽度,高度生成缩略图)

    网页缩略图生成技术是一种常见的Web开发功能,它允许用户通过输入网址、设定目标宽度和高度,快速获取网站页面的预览图片。这种技术在许多应用场景中非常实用,例如社交媒体分享、搜索引擎结果展示、网站目录索引等...

Global site tag (gtag.js) - Google Analytics