获取页面高度,窗口高度,滚动条高度等参数值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操作文本框readOnly
May 15 Javascript
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 Javascript
继续学习javascript闭包
Dec 03 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
vue实现商品加减计算总价的实例代码
Aug 12 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
Email+URL的判断和自动转换函数
2006/10/09 PHP
ThinkPHP中自定义错误页面和提示页面实例
2014/11/22 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
js表数据排序 sort table data
2009/02/18 Javascript
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
js实现身份证号码验证的简单实例
2014/02/19 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
前端编码规范(3)JavaScript 开发规范
2017/01/21 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
Vue.directive()的用法和实例详解
2018/03/04 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[02:22]《新闻直播间》2017年08月14日
2017/08/15 DOTA
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
基于python log取对数详解
2018/06/08 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
Python字典底层实现原理详解
2019/12/18 Python
Python如何定义有默认参数的函数
2020/08/10 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
电子商务应届生求职信
2013/11/16 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
初中生散播谣言检讨书
2014/11/17 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
学校节水倡议书
2015/04/29 职场文书
公司食堂管理制度
2015/08/05 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
学校团代会开幕词
2016/03/04 职场文书
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js