准确获得页面、窗口高度及宽度的JS


Posted in Javascript onNovember 26, 2006

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;
}

// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
有幸找到了你的这个东东,帮我解决了问题,不过仔细看了下,好象大大的有点问题,参数值和名称上看好象有点对不上号哦. 
// for small pages with total height less then height of the viewport 
if(yScroll < windowHeight){ 
pageHeight = yScroll; 
} else { 
pageHeight = windowHeight; 

// for small pages with total width less then width of the viewport 
if(xScroll < windowWidth){ 
pageWidth = xScroll; 
} else { 
pageWidth = windowWidth; 
}

Javascript 相关文章推荐
让JavaScript拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
基于jquery的一个拖拽到指定区域内的效果
Sep 21 Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 Javascript
解析Javascript小括号“()”的多义性
Dec 03 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 Javascript
解决FireFox下[使用event很麻烦]的问题
Nov 26 #Javascript
DHTML 中的绝对定位
Nov 26 #Javascript
js验证表单第二部分
Nov 25 #Javascript
js验证表单大全
Nov 25 #Javascript
禁止刷新,回退的JS
Nov 25 #Javascript
用函数式编程技术编写优美的 JavaScript
Nov 25 #Javascript
通过JAVASCRIPT读取ASP设定的COOKIE
Nov 24 #Javascript
You might like
header中Content-Disposition的作用与使用方法
2012/06/13 PHP
ajax取消挂起请求的处理方法
2013/03/18 PHP
PHP数学运算与数据处理实例分析
2016/04/01 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
2015/08/27 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
Vuex中的State使用介绍
2019/01/19 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
详解VUE前端按钮权限控制
2019/04/26 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python EOL while scanning string literal问题解决方法
2020/09/18 Python
python+pyqt5编写md5生成器
2019/03/18 Python
Python列表的切片实例讲解
2019/08/20 Python
Python实现中值滤波去噪方式
2019/12/18 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
应届生会计求职信
2013/11/11 职场文书
幼儿园家长会欢迎词
2014/01/09 职场文书
社区工作者演讲稿
2014/05/23 职场文书
公司催款律师函
2015/05/27 职场文书
SQLServer之常用函数总结详解
2021/08/30 SQL Server