`
yanyanquan
  • 浏览: 452891 次
  • 性别: Icon_minigender_1
  • 来自: 江门
社区版块
存档分类
最新评论

javascript 获取屏幕及浏览器大小和坐标等

 
阅读更多

网页可见区域宽: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获取浏览器窗口大小获取屏幕,浏览器,网页高度宽度[文].pdf

    在JavaScript中,获取浏览器窗口、屏幕以及网页的高度和宽度是常见的需求,这在网页布局、动态调整元素尺寸、响应式设计等方面非常有用。以下是一些关键的JavaScript属性和方法,用于获取这些信息: 1. **网页可见...

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

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

    js获取屏幕分辨率的方法

    本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的自适应窗口大小。 #### 屏幕分辨率基础知识 屏幕分辨率指的是屏幕上显示的像素数量,通常以“宽度x高度”的格式表示...

    javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

    设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 ...

    网页实现全屏获取鼠标坐标

    标题"网页实现全屏获取鼠标坐标"提示我们关注的核心是实现一个功能,使得无论浏览器窗口大小如何,都能获取到鼠标的全局坐标,包括在窗体外的坐标。 描述中提到"自己制作控件实现网页获取窗体外鼠标坐标",这可能是...

    three.js 3d坐标转平面坐标

    在3D图形编程中,Three.js是一个非常流行的JavaScript库,用于在Web浏览器中创建和展示三维模型和场景。本教程将深入探讨如何在Three.js环境中将3D坐标转换为2D(平面)坐标,以便在网页上的div元素或其他2D元素上...

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

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

    JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)

    在网页开发中,获取屏幕、浏览器窗口以及网页的尺寸信息是常见的需求,这些信息可以帮助开发者进行布局调整、响应式设计或者精确定位元素。下面我们将详细探讨如何使用JS获取这些数据。 1. **屏幕大小** - `window...

    javacript猎取当前屏幕大小_.docx

    综上所述,JavaScript提供了丰富的API来获取屏幕大小、网页可视区域、滚动位置以及事件坐标等相关信息,开发者可以根据这些信息调整布局、响应用户交互,从而创建更加适应各种设备和屏幕尺寸的网页应用。在实际开发...

    跟随鼠标移动十字坐标显示,炫酷

    3. **坐标计算**:当`mousemove`事件触发时,我们可以从事件对象中获取鼠标的页面坐标(`event.clientX`和`event.clientY`)。接着,我们需要根据这些坐标更新十字架元素的CSS位置属性(如`left`和`top`),使其始终...

    javascript获取网页各种高宽及位置的方法总结.docx

    ### JavaScript 获取网页各种高宽及位置的方法总结 #### 屏幕尺寸相关属性 - **`screen.width`**:表示屏幕的宽度(以像素为单位)。 - **`screen.height`**:表示屏幕的高度(以像素为单位)。 - **`screen....

    js 获取屏幕各种宽高的方法(浏览器兼容)

    在Web开发中,获取屏幕和网页元素的各种宽高信息是常见的需求,以便进行页面布局、元素定位和动态调整等操作。JavaScript为此提供了丰富的接口,但不同的浏览器对这些接口的支持度有所差异,这就要求开发者编写兼容...

    js获取浏览器和屏幕的各种宽度高度

    本文将介绍如何使用JavaScript来获取浏览器窗口的宽度和高度以及屏幕的尺寸,并解释在不同浏览器环境下如何兼容地获取这些信息。 首先,我们来介绍获取浏览器窗口的可见区域宽高。可见区域指的是不包含浏览器工具栏...

    jquery全景图附带坐标

    6. **事件监听和响应**:在jQuery中,可以使用`.on()`方法监听用户的鼠标移动、点击等事件,根据坐标更新全景图的显示角度和放大级别。 7. **CSS3和Transforms**:为了实现平滑的旋转和缩放效果,可以结合使用CSS3...

    Javascript dom位置、大小、鼠标定位操作

    2. `event.screenX` 和 `event.screenY`:返回鼠标在屏幕上的绝对坐标,与浏览器窗口无关。 3. `event.offsetX` 和 `event.offsetY`:返回鼠标相对于触发事件的元素(事件源)的可见部分的水平和垂直位置,不包括...

    js获取浏览器的各种属性

    在前端开发中,经常需要获取浏览器的属性,比如浏览器窗口的大小、滚动条的位置以及屏幕的分辨率等信息,以便进行页面布局的调整和用户体验的优化。JavaScript 提供了一系列的属性和方法,可以帮助开发者获取这些...

    Javascript中浏览器窗口的基本操作总结

    在JavaScript中,可以通过`screenLeft`和`screenTop`属性来获取窗口相对于屏幕左侧和顶部的距离。然而,由于浏览器差异,不同浏览器返回的结果可能不同。例如,Chrome返回的是窗口左上角距离屏幕的像素值,而Firefox...

    three.js 入门示例,含坐标系、相机参数

    three.js是一个基于WebGL的JavaScript库,用于在浏览器中创建和展示交互式的3D图形。 描述中提到的博客链接提供了更详细的教程内容,可能包括代码解释、步骤说明和效果展示。博客地址:...

    Javascript获取窗口(容器)的大小及位置参数列举及简要说明

    - **window.screen.availHeight 和 window.screen.availWidth**: 分别获取屏幕除去系统任务栏等占用区域的高度和宽度。 - **document.body.clientWidth 和 document.body.clientHeight**: 获取页面的可视区域宽度和...

Global site tag (gtag.js) - Google Analytics