获取页面高度,窗口高度,滚动条高度等参数值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 判断checkbox是否选中的操作方法
Nov 09 Javascript
javascript获取ckeditor编辑器的值(实现代码)
Nov 18 Javascript
js 实现菜单上下显示附效果图
Nov 21 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
jQuery+CSS3实现树叶飘落特效
Feb 01 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
Sep 21 Javascript
详解vue配置后台接口方式
Mar 29 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 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实现读取和编写XML DOM代码
2010/04/07 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
解javascript 混淆加密收藏
2009/01/16 Javascript
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
模拟select的代码
2011/10/19 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
jQuery简单实现彩色云标签效果示例
2016/08/01 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
Django多数据库的实现过程详解
2019/08/01 Python
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
出生医学证明样本
2014/01/17 职场文书
招商专员岗位职责
2014/02/08 职场文书
小学运动会入场式解说词
2014/02/18 职场文书
毕业生就业协议书
2014/04/11 职场文书
实习生岗位职责
2014/04/12 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
会议室标语
2014/06/21 职场文书
科学发展观标语
2014/10/08 职场文书
庆祝儿童节标语
2014/10/09 职场文书