简单记录,学习参考
很多时候我们需要这样的工具api去获取页面的宽高,把以前参考tangram的写法贴上
/*
其实可以像我以前写的动态绑定each的方式
但是为了能看清
*/
ZYC.page.getHeight = function(){
var doc = document,
body = doc.body,
client = doc.compactMode == 'BackCompact' ? body : doc.documentElement; //区分compactMode是否是标准兼容模式
return Math.max(doc.documentElement.scrollHeight,body.scrollHeight,client.clientHeight);
};
ZYC.page.getWidth = function(){
var doc = document,
body = doc.body,
client = doc.compact == 'BackCompact' ? body ? doc.documentElement;
return Math.max(doc.documentElement.scrollWidth,body.scrollWidth,client.clientWidth);
}
分享到:
相关推荐
本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 #### 一、获取滚动条高度 滚动条的高度对于实现诸如返回顶部等功能至关重要。下面介绍一个简单的方法来获取滚动条的高度: ```...
在JavaScript中获取网页的高度和宽度是常见的需求,这有助于我们进行页面布局、滚动条处理或者自适应设计。以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置...
通过 `document.body.clientWidth` 和 `document.body.clientHeight`,我们可以获取到网页可见区域的宽度和高度,而通过 `window.innerWidth` 和 `window.innerHeight`,我们可以获取浏览器窗口的宽度和高度。...
JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中,获取当前页面的可视高度和宽度,以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...
在JavaScript中,获取当前页面...以上是关于“javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数”的主要知识点,通过学习和理解这些内容,开发者可以更好地控制和适应网页在不同设备和窗口大小下的表现。
首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在屏幕上看到的网页部分,不包括滚动条。例如,在提供的代码中,`$(window).height()` 返回的是267...
- 这两个属性返回的是屏幕可用的高度和宽度,即减去了任务栏等操作系统占用的空间后的实际可用尺寸。 #### jQuery获取屏幕尺寸 在使用jQuery时,获取屏幕尺寸的方法更加简洁: 1. **`$(window).height()`** 和 *...
在JavaScript中,获取浏览器的高度和宽度是常见的需求,这在进行网页布局、动态调整元素尺寸或者实现滚动事件处理时尤其重要。以下将详细介绍如何通过JavaScript获取这些信息,并探讨不同浏览器间可能存在的差异。 ...
同时,页面上还放置了四个按钮,分别对应增加宽度、减少宽度、增加高度和减少高度的操作。通过id属性给这些按钮也做了标识,比如"addwidthkeleyi"。 接下来,代码中使用jQuery监听这些按钮的点击事件。当点击相应的...
使用JavaScript(简称JS),开发者可以通过多种方式获取屏幕的高度和宽度,以及页面元素的尺寸信息。 首先,要获取屏幕的宽度和高度,可以使用window对象提供的screen属性。具体来说,可以使用window.screen.width...
### JavaScript 获取当前页面可视高度和宽度以及浏览器宽度和高度的函数 #### 一、概述 在Web开发过程中,经常需要获取当前页面可视区域的高度和宽度,以及整个浏览器窗口的尺寸。这些信息对于响应式设计、页面...
本篇文章将详细探讨如何实现`iframe`根据页面内容自适应高度和宽度。 首先,我们需要理解`iframe`的基本结构。一个简单的`iframe`标签如下: ```html <iframe src="http://example.com" width="500" height="300">...
在JavaScript中,获取浏览器的高度和宽度是常见的需求,这有助于我们进行页面布局、响应式设计或者自适应调整。本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 ...
在 Opera 中,`document.documentElement.clientWidth` 可以获取页面临象的宽度,`document.documentElement.clientHeight` 可以获取页面临象的高度。 3. 使用 `window` 对象: `window.screenTop` 可以获取网页...
本文将详细讲解如何使用jQuery获取屏幕的高度和宽度,这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先,我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸,而...
通过以上介绍,我们可以看到JavaScript提供了丰富的API来获取页面的各种高度信息。在实际开发过程中,开发者可以根据具体需求选择合适的API来优化用户体验,提高网站性能。需要注意的是,在不同浏览器和操作系统中,...
在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...
然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...