`

获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll

阅读更多
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
}
arrayPageScroll = new Array('',yScroll)
return arrayPageScroll;
}
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;
}
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
分享到:
评论

相关推荐

    JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)

    示例代码中,通过定义`GetPageSize()`函数来获取页面尺寸,通过`GetPageScroll()`函数获取滚动条位置。同时,JQuery相关的示例代码展示了如何获取窗口的高度和宽度,页面的文档高度和宽度,以及如何使用`offset()`...

    获取页面长宽和滚动条的位置

    function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) { // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight + window....

    jQuery 获取屏幕高度、宽度的简单实现案例

    函数`getPageSize()`首先会尝试获取浏览器窗口的内部尺寸,并计算滚动条的最大值。然后,它会检查`document.body`的尺寸,包括`scrollWidth`和`scrollHeight`,以及`offsetWidth`和`offsetHeight`。根据不同的浏览器...

    javascript获得网页窗口实际大小的示例代码.docx

    - **`document.documentElement.clientWidth`** 和 **`document.documentElement.clientHeight`**:这两个属性返回的是文档元素的内部宽度和高度,不包含滚动条的宽度。 - **`document.body.clientWidth`** 和 **`...

    准确获得页面、窗口高度及宽度的JS

    function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else...

    漂浮代码,直接添加body中就可以使用

    - 此函数首先尝试获取页面的实际滚动大小,然后计算窗口的宽度和高度。 - 同样地,这里也考虑了不同浏览器之间的差异性,通过多种方式来获取窗口的尺寸。 #### 5. 广告配置对象 最后,可以看到代码中还定义了一个...

    广告浮动代码

    - **返回值**:一个数组,包含页面宽度、页面高度、窗口宽度、窗口高度。 **实现逻辑**: - 首先尝试使用`window.innerHeight`和`window.scrollMaxY`获取页面尺寸。 - 如果不支持,则依次尝试`document.body....

    首页图片漂浮效果示例代码

    如果可视区域的高度小于页面总高度,那么页面高度被设置为可视区域的高度加滚动高度。同样,如果可视区域的宽度小于页面总宽度,页面宽度被设置为可视区域的宽度。最后,函数返回页面的宽度和高度。 4. **实现图片...

    兼容各大浏览器带关闭按钮的漂浮多组图片广告代码

    如果页面滚动高度小于窗口高度,那么页面高度取窗口高度;否则取页面滚动高度。同样,页面宽度也是类似处理。 接下来,代码中应该有未展示的部分,这部分可能包含了创建广告图片元素、设置其初始位置、添加关闭按钮...

    javascript获得网页窗口实际大小的示例代码

    一种较为简单的方法是利用`window.innerWidth`和`window.innerHeight`属性,这两个属性分别返回视窗(不包括滚动条等边框)的宽度和高度。然而,如果网页中有固定的头部、底部或其他定位元素,视窗大小可能并不等同...

    js菜鸟笔记之图片飘动_ekom.cn

    - **实现方式**:通过`GetPageSize`函数获取窗口的宽度和高度。 - **示例代码**: ```javascript function GetPageSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = ...

    详解C语言中free()函数与getpagesize()函数的使用

    `free()`确保了程序正确地管理动态内存,避免内存泄漏,而`getpagesize()`则提供了一个了解操作系统内存管理机制的窗口,帮助开发者进行更高效的内存操作。理解并熟练使用这两个函数是成为一名合格的C语言程序员的...

    javascript div 遮罩层封锁整个页面

    - **offsetHeight**: 在IE浏览器中,此属性的值等同于可视区域高度(包括边框),而在FF中它指的是页面内容区域的实际高度,不包括滚动条部分。 - **scrollHeight**: 在IE浏览器中,scrollHeight表示页面内容区域的...

    js飘窗广告

    2. `getPageScroll` 函数用于获取当前页面的滚动位置,返回一个数组,包含水平和垂直滚动距离。这个函数对不同浏览器的滚动行为进行了兼容处理,确保在任何浏览器中都能正确获取滚动值。 要实现飘窗广告的效果,...

    分页插件与静态页面管理

    // 获取第1页,10条内容,默认查询总数count PageHelper.startPage(1, 10); List&lt;Country&gt; list = countryMapper.selectAll(); // 用PageInfo对结果进行包装 PageInfo pageInfo = new PageInfo(list); // 测试Page...

    多张图片转pdf,图片大小适应页面

    image.scaleToFit(document.getPageSize().getWidth(), document.getPageSize().getHeight()); ``` 5. 添加图片到PDF:使用`document.add()`方法将图片添加到PDF文档中。 ```java document.add(image); ``` 6...

    pageInfo参数详解.zip

    `pageInfo` 参数就是用于封装分页信息的一个对象,它包含了关于当前页、每页大小、总记录数等关键信息。这个压缩包文件"pageInfo参数详解.zip"很可能包含了对`pageInfo`对象的详细解释和使用示例。 `pageInfo`通常...

Global site tag (gtag.js) - Google Analytics