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


Posted in Javascript onSeptember 22, 2006
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; 
}
Javascript 相关文章推荐
js传值 判断
Oct 26 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
Jun 13 Javascript
JavaScript仿flash遮罩动画效果
Jun 15 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
详解JavaScript修改注册表的方法
Jan 05 Javascript
jquery实现直播视频弹幕效果
Feb 25 jQuery
Echarts.js无法引入问题解决方案
Oct 30 Javascript
Javascript实现单选框效果
Dec 09 Javascript
prototype1.4中文手册
Sep 22 #Javascript
prototype 源码中文说明之 prototype.js
Sep 22 #Javascript
showModelessDialog()使用详解
Sep 21 #Javascript
Javascript里使用Dom操作Xml
Sep 20 #Javascript
Js+XML 操作
Sep 20 #Javascript
发现的以前不知道的函数
Sep 19 #Javascript
多个iframe自动调整大小的问题
Sep 18 #Javascript
You might like
几种显示数据的方法的比较
2006/10/09 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
yii2简单使用less代替css示例
2017/03/10 PHP
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
wxpython 学习笔记 第一天
2009/03/16 Python
python控制台英汉汉英电子词典
2020/04/23 Python
Python 的类、继承和多态详解
2017/07/16 Python
Python爬虫框架Scrapy实例代码
2018/03/04 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
菲律宾酒店预订网站:Hotels.com菲律宾
2017/07/12 全球购物
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
UNIX操作系统结构由哪几部分组成
2016/02/17 面试题
小学生评语集锦
2014/04/18 职场文书
团代会开幕词
2015/01/28 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
民事答辩状范本
2015/05/21 职场文书
2019学校运动会开幕词
2019/05/13 职场文书
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android