获取页面高度,窗口高度,滚动条高度等参数值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 相关文章推荐
项目实践之javascript技巧
Dec 06 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 Javascript
jquery怎样实现ajax联动框(一)
Mar 08 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 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
php可生成缩略图的文件上传类实例
2014/12/17 PHP
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
javascript实现点击提交按钮后显示loading的方法
2015/07/03 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
vue 实现边输入边搜索功能的实例讲解
2018/09/16 Javascript
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python读写Excel文件的实例
2013/11/01 Python
python自动化测试之setUp与tearDown实例
2014/09/28 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python实现读取命令行参数的方法
2015/05/22 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
python with (as)语句实例详解
2020/02/04 Python
基于HTML5 Canvas:字符串,路径,背景,图片的详解
2013/05/09 HTML / CSS
Microsoft新加坡官方网站:购买微软最新软件和技术产品
2016/10/28 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
优秀小学生家长评语
2014/01/30 职场文书
工业自动化专业自荐信范文
2014/04/10 职场文书
企业承诺书怎么写
2014/05/24 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记