获取页面高度,窗口高度,滚动条高度等参数值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 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
Javascript 函数对象的多重身份
Jun 28 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
JavaScript对象链式操作代码(jquery)
Jul 04 Javascript
JavaScript类和继承 prototype属性
Sep 03 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
js+html获取系统当前时间
Nov 10 Javascript
vue按需加载组件webpack require.ensure的方法
Dec 13 Javascript
javaScript中的空值和假值
Dec 18 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
vue 虚拟DOM的原理
Oct 03 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
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
destoon公司主页模板风格的添加方法
2014/06/20 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
提升PHP安全:8个必须修改的PHP默认配置
2014/11/17 Javascript
jQuery常用数据处理方法小结
2015/02/20 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
Node.JS文件系统解析实例详解
2017/05/15 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
2020/06/17 Javascript
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
在C#中如何实现多态
2014/07/02 面试题
环境工程大学生自荐信
2013/10/21 职场文书
横幅标语大全
2014/06/17 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
python基础之类方法和静态方法
2021/10/24 Python
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python