`
luoping0425
  • 浏览: 108905 次
  • 性别: Icon_minigender_2
  • 来自: 赣州
文章分类
社区版块
存档分类
最新评论

获取页面的高度,宽度

阅读更多
// -----------------------------------------------------------------------------------

//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){

var xScroll, yScroll;

if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}

var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}

// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}

var arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
分享到:
评论

相关推荐

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

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

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

    总之,获取页面高度和宽度是 JavaScript 开发中的常见任务,但需要注意浏览器的兼容性和差异。正确的方法是使用兼容性好的代码,以确保在所有主流浏览器中都能得到期望的结果。理解 `document.body` 和 `document....

    javascript 获取网页高度宽度.pdf

    类似地,获取页面高度也可以采用类似的方法。 总之,JavaScript提供了多种方法来获取网页的高度、宽度和滚动位置,但需要注意的是,由于浏览器之间的差异,需要编写兼容性代码以确保在所有环境中都能正常运行。...

    js获取屏幕的高度与宽度

    对于页面元素的尺寸,可以使用document.body的client系列属性来获取页面内容区域的尺寸。document.body.clientWidth和document.body.clientHeight分别返回内容区域的宽度和高度,但不包括边框和滚动条。如果想要获取...

    iframe根据页面内容自适应高度和宽度

    然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸时,可能会出现滚动条或者内容被截断的情况。为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细...

    js获取文本框的值!js获取浏览器高度和宽度值.pdf

    在 Opera 中,`document.documentElement.clientWidth` 可以获取页面临象的宽度,`document.documentElement.clientHeight` 可以获取页面临象的高度。 3. 使用 `window` 对象: `window.screenTop` 可以获取网页...

    jQuery 获取屏幕高度和宽度

    这段代码会在页面加载完成后立即执行,打印出当前浏览器窗口的屏幕高度和宽度。`$(document).ready()`确保在执行任何操作前,HTML文档已经完全加载完毕。 如果你在`demo`文件中找到了示例代码,你可以打开浏览器的...

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

    最后,考虑到页面内容可能小于视口高度,函数会根据实际情况返回页面高度或视口高度。 2. **getWidth() 函数**:与 `getHeight()` 类似,这个函数用于获取当前页面可视区域的宽度。它首先检查 `window.innerWidth` ...

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

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

    JS获取各种高度宽度1

    本文将深入探讨如何使用JavaScript获取各种高度和宽度,包括浏览器窗口滚动条的位置、元素的几何尺寸等关键概念。 首先,我们来看一下与鼠标位置相关的几个属性: 1. `pageX`:表示鼠标在页面上的位置,从页面左上...

    javascript获取页面各种高度

    通过以上介绍,我们可以看到JavaScript提供了丰富的API来获取页面的各种高度信息。在实际开发过程中,开发者可以根据具体需求选择合适的API来优化用户体验,提高网站性能。需要注意的是,在不同浏览器和操作系统中,...

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

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

    javascript获取网页高度宽度.rar

    在JavaScript编程语言中,获取网页的高度和宽度是常见的需求,特别是在动态布局、页面滚动或响应式设计中。本文将深入探讨如何使用JavaScript有效地获取这些信息,并结合实际应用场景进行讲解。 一、窗口对象...

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

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

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...

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

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

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

    * `document.documentElement.clientWidth`: 获取页面对象的宽度(即 BODY 对象宽度加上 Margin 宽)。 * `document.documentElement.clientHeight`: 获取页面对象的高度(即 BODY 对象高度加上 Margin 高)。 其他...

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

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

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

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...

Global site tag (gtag.js) - Google Analytics