`
zhangyaochun
  • 浏览: 2595737 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

获取可视区域的高度|宽度

阅读更多

 

关于compactMode:http://zhangyaochun.iteye.com/blog/1231889

 

/*
获取页面可视区域的宽度
@function
@return {Number} 可视区域的宽度
*/
ZYC.page.getViewWidth = function(){
     var doc = document,
	     client = doc.compatMode == 'BackCompat' ? doc.body : doc.documentElement;
	 return client.clientWidth;	 
};
 

/*
获取页面可视区域的高度
@function
@return {Number} 可视区域的高度
*/
ZYC.page.getViewHeight = function(){
     var doc = document,
	     client = doc.compatMode == 'BackCompat' ? doc.body : doc.documentElement;
	 return client.clientHeight;	 
};
 

 

 

 

 

 

1
0
分享到:
评论

相关推荐

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

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

    #### 三、获取可视区域高度和宽度 ##### 1. 获取可视区域高度 ```javascript function getHeight() { var yScroll; // 判断滚动条的最大高度 if (window.innerHeight && window.scrollMaxY) { yScroll = ...

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

    #### 三、获取可视区域高度 可视区域高度与宽度类似,指的是用户当前可以看见的网页部分的高度。 ```javascript function getClientHeight() { var clientHeight = 0; if (document.body.clientHeight && ...

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

    3. **getInfo() 函数**:此函数更全面,它不仅提供了可视区域的宽度和高度,还包含了浏览器窗口本身的宽度和高度。通过 `document.body.clientWidth` 和 `document.body.clientHeight`,我们可以获取到网页可见区域...

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

    在JavaScript中,获取当前页面可视区域的尺寸以及浏览器窗口的尺寸是常见的需求,尤其是在进行网页布局、响应式设计或者滚动事件处理时。本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的...

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

    JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中,获取当前页面的可视高度和宽度,以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...

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

    为了兼容各种浏览器,可以使用如下代码来获取浏览器的可视区域宽度和高度: ```javascript var viewportWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); var viewportHeight = ...

    jQuery 获取屏幕高度和宽度

    1. `$(window).height()`: 这个函数返回当前浏览器窗口的可视区域高度,不包括滚动条。如果需要包含整个文档(包括被滚动条遮挡的部分),可以使用`$(document).height()`。但在大多数情况下,我们更关心可视区域的...

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

    - 这两个属性分别用于获取可视区域的宽度和高度,不包括滚动条和边框。 2. **`document.body.offsetWidth`** 和 **`document.body.offsetHeight`**: - 这两个属性返回元素的宽度和高度,包括内容、内边距、边框...

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

    - `window.innerWidth` 和 `window.innerHeight`: 这两个属性在现代浏览器中广泛支持,它们分别返回浏览器窗口的可视区域宽度和高度,包括垂直滚动条(如果存在的话)。 3. **滚动位置和全文尺寸** - `document....

    jQuery获取浏览器窗口的宽度和高度

    在选择使用哪种方法时,需要根据实际需求来判断,比如是需要获取可视区域尺寸,还是整个文档尺寸,或者需要包含边框和内填充在内的总尺寸。理解这些方法的区别对于优化网页性能和用户体验至关重要。

    javascript 获取网页高度宽度.pdf

    2. **获取可视区域高度:** - `getClientHeight()` 函数用于获取浏览器当前可视区域的高度。它通过比较 `document.body.clientHeight` 和 `document.documentElement.clientHeight` 来决定返回哪个值。在某些情况下...

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

    对于W3C的标准,`document.documentElement.clientWidth` 和 `document.documentElement.clientHeight` 应该返回浏览器窗口的可视区域大小,但不同浏览器的实现有所差异。在没有定义标准的情况下,IE返回0,而Fire...

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

    console.log(`可视区域宽度:${innerWidth},可视区域高度:${innerHeight}`); ``` ### 二、获取文档尺寸 除了屏幕尺寸,了解文档的实际尺寸对于处理滚动和页面布局也非常重要。`document.body.clientWidth`和`...

    javascript获取页面各种高度

    在JavaScript编程语言中,开发者经常需要获取与网页和屏幕尺寸相关的数据,比如页面的可视区域、文档的实际大小以及用户屏幕的有效工作区等信息。这些数据对于优化网站布局、响应式设计以及实现某些交互功能至关重要...

    Javascript 获取页面高度(多种浏览器)

    Firefox 和 Opera 在标准模式下通常表现一致,但与 IE 不同,即使在没有指定 DOCTYPE 的情况下,它们也会使用 `document.documentElement` 来获取可视区域的尺寸,这与 W3C 标准相符。在非标准模式下,Firefox 和 ...

    Android 可视区域应用Demo源码.rar

    在Android开发中,"可视区域应用Demo源码"是一个典型的示例项目,它着重展示了如何在Android平台上管理和利用屏幕的可视区域。这个源码库可能是为了教导开发者如何有效地设计和优化用户界面,确保内容在不同尺寸和...

Global site tag (gtag.js) - Google Analytics