表达式 IE FF或Opera
document.body.clientWidth 可见区域宽度 可见区域宽度
document.body.clientHeight 可见区域宽度 可见区域高度
document.documentElement.clientWidth 0 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight 0 页面对象高度(即BODY对象高度加上Margin高)
如果声明了W3C标准:
表达式 IE或FF Opera
document.body.clientWidth BODY对象宽度 可见区域宽度
document.body.clientHeight BODY对象高度 可见区域高度
document.documentElement.clientWidth 可见区域宽度 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight 可见区域高度 页面对象高度(即BODY对象高度加上Margin高)
当页面大小发生变化时出发js事件:
window.onresize function
分享到:
相关推荐
本文将深入探讨如何使用 JavaScript 在不同浏览器中获取页面高度。 首先,我们有两个基本属性可以用来获取页面的宽度和高度:`document.body.clientWidth` 和 `document.body.clientHeight`。这两个属性分别返回 `...
通过以上介绍,我们可以看到JavaScript提供了丰富的API来获取页面的各种高度信息。在实际开发过程中,开发者可以根据具体需求选择合适的API来优化用户体验,提高网站性能。需要注意的是,在不同浏览器和操作系统中,...
### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...
JS 获取页面控件坐标 在 HTML 文档中,获取页面控件坐标是非常...在本文中,我们讨论了如何使用 JavaScript 获取页面控件坐标,并提到了其他相关的属性和方法,希望能够帮助读者更好地理解和掌握 JavaScript 编程。
此外,需要注意的是,随着Web技术的发展,用户设备的多样性也日益增加,因此在使用JavaScript获取尺寸信息时,除了使用文档对象模型(DOM)属性和方法之外,还可能需要依赖于CSSOM(CSS对象模型)和HTML元素的实时...
在JavaScript(JS)中,获取iframe(内联框架)的高度是一项常见的需求,特别是在构建富互联网应用或嵌入第三方内容时。下面将详细讲解如何静态和动态地获取iframe的高度。 一、静态获取iframe高度 1. **DOM属性...
然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...
在 Opera 中,`document.documentElement.clientWidth` 可以获取页面临象的宽度,`document.documentElement.clientHeight` 可以获取页面临象的高度。 3. 使用 `window` 对象: `window.screenTop` 可以获取网页...
### 页面跳转JS获取传递的参数 在Web开发过程中,页面间的跳转及参数传递是极为常见的需求之一。本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ...
本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...
本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解,主要集中在JavaScript的DOM操作和窗口对象(Window)的属性与方法上。 1. **当前页面可视区域尺寸**...
以下是一些相关的JavaScript函数,用于获取这些信息: 1. **getHeight() 函数**:这个函数的主要目的是计算当前页面可视区域的高度。它首先尝试使用 `window.innerHeight` 和 `window.scrollMaxY` 来获取高度,这是...
类似地,获取页面高度也可以采用类似的方法。 总之,JavaScript提供了多种方法来获取网页的高度、宽度和滚动位置,但需要注意的是,由于浏览器之间的差异,需要编写兼容性代码以确保在所有环境中都能正常运行。...
JavaScript作为一种广泛应用于网页编程的语言,提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...
JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中,获取当前页面的可视高度和宽度,以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...
在JavaScript中,获取页面和元素的高度与宽度是常见的需求,这对于布局调整、动画效果或者响应式设计至关重要。下面我们将详细探讨如何使用JavaScript获取这些信息。 1. **页面可见区域大小** - `document.body....
在网页开发中,有时我们需要获取页面的某些特定尺寸和位置信息,例如页面高度、窗口高度以及滚动条的高度。这些信息对于实现动态布局、滚动事件处理或页面适配等任务至关重要。这里有两个JavaScript函数:`...
1. 页面刚加载时:在`webViewDidFinishLoad:`代理方法中,通过执行JavaScript获取页面总高度,例如上述代码所示。 2. 页面动态更新:如果页面内容是动态加载的,例如通过Ajax,那么需要监听`UIWebView`的`...
本文将详细介绍如何使用JavaScript来获取浏览器显示区域的相关尺寸信息。 #### 一、关键概念解析 在开始之前,我们先来了解几个关键的概念: - **Client Size**:表示可视区域的宽度和高度。 - **Offset Size**:...