获取页面高度,窗口高度,滚动条高度等参数值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开发规范要求(规范化代码)
Aug 16 Javascript
javascript的函数、创建对象、封装、属性和方法、继承
Mar 10 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
Vue.js如何优雅的进行form validation
Apr 07 Javascript
vue之数据交互实例代码
Jun 20 Javascript
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
vue实现书本翻页动画效果实例详解
Apr 08 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中判断变量为空的几种方法小结
2013/11/12 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
Vue的土著指令和自定义指令实例详解
2018/02/04 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
微信小程序结合mock.js实现后台模拟及调试
2019/03/28 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
python BeautifulSoup使用方法详解
2013/11/21 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
使用Python处理BAM的方法
2018/09/28 Python
基于keras输出中间层结果的2种实现方式
2020/01/24 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
python基于win32api实现键盘输入
2020/12/09 Python
python空元组在all中返回结果详解
2020/12/15 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
紫日观后感
2015/06/05 职场文书
php 解析非标准json、非规范json
2021/04/01 PHP
Vue h函数的使用详解
2022/02/18 Vue.js
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js