获取页面高度,窗口高度,滚动条高度等参数值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中使用css需要注意的地方小结
Sep 01 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
Dec 31 Javascript
javascript的replace方法结合正则使用实例总结
Jun 16 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
JS数组的常用10种方法详解
May 08 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
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 开源框架22个简单简介
2009/08/24 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
JavaScript中合并数组的N种方法
2014/09/16 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
Vue动态生成表格的行和列
2019/07/18 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
jQuery实现颜色打字机的完整代码
2020/03/19 jQuery
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
PHP 502bad gateway原因及解决方案
2020/11/13 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
python 多进程通信模块的简单实现
2014/02/20 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
求网格中的黑点分布
2013/11/06 面试题
少先队工作总结2015
2015/05/13 职场文书
入学证明
2015/06/23 职场文书
医院见习总结
2015/06/24 职场文书
nginx rewrite功能使用场景分析
2022/05/30 Servers