`
nianshi
  • 浏览: 418761 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

js获取页面宽度高度及屏幕分辨率

阅读更多

网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
分享到:
评论

相关推荐

    js获取屏幕分辨率的方法

    ### JS 获取屏幕分辨率的方法 在Web开发中,获取用户的屏幕分辨率是实现响应式设计和优化用户体验的重要步骤之一。本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的...

    js获取屏幕的高度与宽度

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

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

    - `window.screen.height` 和 `window.screen.width` 则提供了屏幕分辨率的高度和宽度,而不是浏览器窗口大小。 在定位元素时,还可以使用`scrollLeft`、`scrollWidth`、`clientWidth`、`offsetWidth`等属性,以及`...

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

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

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

    本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...

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

    * `document.documentElement.clientWidth`: 获取页面对象的宽度(即 BODY 对象宽度加上 Margin 宽)。 * `document.documentElement.clientHeight`: 获取页面对象的高度(即 BODY 对象高度加上 Margin 高)。 其他...

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

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

    JS浏览器的高度和宽度

    获取页面对象的宽度和高度(Opera 特有) - **`document.documentElement.clientWidth`**: 返回页面对象宽度(即 BODY 对象宽度加上 Margin 宽度)。 - **`document.documentElement.clientHeight`**: 返回页面...

    判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    - 通过`document.getElementsByTagName("link")[0].href`获取页面中第一个`<link>`元素,并将其`href`属性设置为目标CSS文件的路径,从而实现动态加载。 #### 三、关键代码段解释 1. **浏览器检测部分** ```...

    js获取网页可见区域、正文以及屏幕分辨率的高度

    标题“js获取网页可见区域、正文以及屏幕分辨率的高度”所涵盖的知识点主要集中在如何使用JavaScript来测量网页上的不同区域的高度。在网站开发和维护过程中,对页面尺寸的精准测量对于页面布局和响应式设计至关重要...

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

    以下将详细解析如何利用JavaScript来获取这些参数,包括页面尺寸、滚动位置、屏幕分辨率等关键知识点。 ### 页面尺寸与滚动位置 #### `document.body.clientWidth` 和 `document.body.clientHeight` 这两个属性...

    js获取input长度并根据页面宽度设置其大小及居中对齐

    首先,我们需要了解JavaScript获取页面尺寸的一些关键方法: 1. **页面宽度和高度**: - `document.body.clientWidth` 返回浏览器窗口可视区域的宽度,不包括滚动条。 - `document.body.clientHeight` 返回浏览器...

    通过js判断访客显示器屏幕分辨率并给出提示

    例如,可以通过JavaScript获取屏幕分辨率,然后发送到服务器,服务器根据分辨率和图片尺寸返回合适的提示。这种方法可以更好地处理复杂的逻辑,但增加了服务器端的负担。 总结来说,JavaScript可以有效地检测用户的...

    JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

    4. 使用JavaScript获取屏幕尺寸: - 通过window.screen.width和window.screen.height可以获取屏幕的宽度和高度,这些值通常对应逻辑分辨率。 - 通过document.documentElement.clientWidth可以获取到浏览器窗口的...

    ASP.NET根据屏幕分辨率调用不同css文件

    在ASP.NET中,我们可以通过JavaScript或C#代码来检测用户的屏幕分辨率,并据此动态加载相应的CSS文件。以下是一个简单的示例: 1. 创建两个CSS文件,如`styles-desktop.css`和`styles-mobile.css`,分别对应桌面和...

    CSS使用calc()获取当前可视屏幕高度的实现

    下面将详细介绍这些概念以及如何使用它们来获取并利用当前可视屏幕的高度。 首先,我们来看一下CSS3的几种相对长度单位: 1. **em**:em单位是相对于当前元素的字体大小。如果未指定元素的字体大小,它将继承父...

    js获取网页高度(详细整理)

    本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及浏览器窗口的高度。 首先,我们来看一下网页可见区域的高度和宽度。这部分是指用户当前可以看到的页面区域...

    JS测试显示屏分辨率以及屏幕尺寸的方法

    // 获取屏幕分辨率 var screenWidth = screen.width; var screenHeight = screen.height; // 在页面上显示分辨率 document.write('您的显示器分辨率为:\n' + screenWidth + '*' + screenHeight + ' pixels...

    js获取dom的高度和宽度(可见区域及部分等等)

    在进行网页设计和前端开发时,了解如何使用JavaScript获取DOM元素的高度和宽度是非常重要的。这不仅包括整个网页的可视区域,也包括网页中的正文部分,以及被用户滚动过的部分。具体来说,可以细分为以下几个方面: ...

Global site tag (gtag.js) - Google Analytics