获取页面高度,窗口高度,滚动条高度等参数值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实现的抽象CSS圆角效果!!
May 03 Javascript
javascript模仿msgbox提示效果代码
Jun 10 Javascript
关于JSON与JSONP简单总结
Aug 16 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
详解微信小程序网络请求接口封装实例
May 02 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 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的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
Smarty变量调节器失效的解决办法
2014/08/20 PHP
thinkphp3.2中实现phpexcel导出带生成图片示例
2017/02/14 PHP
Javascript - HTML的request类
2006/07/15 Javascript
js Form.elements[i]的使用实例
2011/11/13 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
python获取本机外网ip的方法
2015/04/15 Python
python 中split 和 strip的实例详解
2017/07/12 Python
python实现协同过滤推荐算法完整代码示例
2017/12/15 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
Python爬虫之Spider类用法简单介绍
2020/08/04 Python
手把手教你用Django执行原生SQL的方法
2021/02/18 Python
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
电脑销售顾问自荐信
2014/01/29 职场文书
《假如》教学反思
2014/04/17 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
工作报告范文
2019/06/20 职场文书
《中国古代诗歌散文欣赏》高中语文教材
2019/08/20 职场文书
使用ORM新增数据在Mysql中的操作步骤
2021/07/26 MySQL