获取页面高度,窗口高度,滚动条高度等参数值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 相关文章推荐
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
深入理解javascript变量声明
Nov 20 Javascript
更高效的使用JQuery 这里总结了8个小技巧
Apr 13 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
Sep 08 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
详解vue静态资源打包中的坑与解决方案
Feb 05 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 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脚本的10个技巧(6)
2006/10/09 PHP
PHP 采集程序 常用函数
2008/12/18 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
[57:28]2018DOTA2亚洲邀请赛 4.6 淘汰赛 TNC vs Liquid 第一场
2018/04/10 DOTA
Python实现对字符串的加密解密方法示例
2017/04/29 Python
Python 3中print函数的使用方法总结
2017/08/08 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
Python Flask框架扩展操作示例
2019/05/03 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
移动通信行业实习自我鉴定
2013/09/28 职场文书
土木工程应届生求职信
2013/10/31 职场文书
教师岗位职责范本
2013/12/29 职场文书
中专生毕业个人鉴定
2014/02/26 职场文书
工程承包协议书范本
2014/09/29 职场文书
图文详解Nginx版本平滑升级方案
2021/09/15 Servers
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技