`

js得到当前窗口内的宽度和高度

    博客分类:
  • js
 
阅读更多
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);

 

分享到:
评论

相关推荐

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

    - 这两个方法分别返回当前窗口的高度和宽度,不包括工具栏或菜单栏等。 2. **`$(document).height()`** 和 **`$(document).width()`**: - 返回整个文档的高度和宽度,包括那些不可见的内容。 3. **`$(document....

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

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

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

    通过 `document.body.clientWidth` 和 `document.body.clientHeight`,我们可以获取到网页可见区域的宽度和高度,而通过 `window.innerWidth` 和 `window.innerHeight`,我们可以获取浏览器窗口的宽度和高度。...

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

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

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

    本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 #### 一、获取滚动条高度 滚动条的高度对于实现诸如返回顶部等功能至关重要。下面介绍一个简单的方法来获取滚动条的高度: ```...

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

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

    js(javascript)子窗口和父窗口交互

    通过这种方式可以灵活地控制新打开窗口的各种属性,如宽度、高度等。下面详细介绍如何使用 `window.open()` 来实现父窗口与子窗口的数据传递。 ##### 1. 打开新窗口并传递数据 ```javascript function outPut() { ...

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

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

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

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

    javascript获取窗口属性值

    其中一项常见需求是获取浏览器窗口的各种属性值,比如宽度、高度等,这对于响应式设计或某些特定功能(如弹窗位置计算)非常有用。 #### 一、主要窗口属性 在提供的代码示例中,通过`getInfo`函数展示了如何获取一...

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...

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

    `window.innerWidth`和`window.innerHeight`属性返回的是可视区域的宽度和高度,即浏览器窗口内实际可用于显示网页内容的部分。这两个属性考虑了滚动条和工具栏的存在,因此它们通常用于响应式布局设计。 示例代码...

    ckplayer宽度和高度根据父容器的宽度进行自适应的代码段

    当窗口尺寸变化时,我们获取父容器的当前宽度,并计算出相应的高度以保持原始的宽高比。接着,我们将新的宽度和高度设置到CKPlayer的配置对象中,并调用`resize()`方法来更新播放器的尺寸。 需要注意的是,`player....

    JavaScript得到当前窗口的所有大小值

    通过上述示例代码可以看出,利用JavaScript可以轻松获取当前窗口的各种尺寸信息,这对于进行响应式设计和动态布局调整非常有用。同时,动态定位元素的技术也可以帮助开发者更好地控制页面布局。希望本文能对你有所...

    css+div自适应窗口宽度

    本主题探讨的是如何利用CSS和div实现网页内容的自适应窗口宽度,确保无论用户浏览器窗口大小如何,页面都能保持良好的显示效果。 首先,我们要理解`min-width`属性。在示例代码中,`.divGlobal`, `.DivTop`, `....

    JS 切换多窗口

    - `features`:定义新窗口的特性,如宽度、高度、位置等。 例如,我们想打开一个名为"demo"的新窗口,加载"demo.html"页面,可以这样写: ```javascript var newDemoWindow = window.open("demo.html", "demo", ...

    【Jquery经典特效18】jQuery自适应宽度跟高度相册代码

    例如,可以使用`$(window).width()`获取当前窗口宽度,再根据图片的原始宽高比调整其高度。 5. **动画效果**: - jQuery提供了丰富的动画效果,如`.fadeIn()`和`.fadeOut()`,可以用来创建平滑的图片切换效果。...

Global site tag (gtag.js) - Google Analytics