准确获得页面、窗口高度及宽度的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 相关文章推荐
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
javascript函数特点实例分析
May 14 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
Nov 05 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
解决layUI的页面显示不全的问题
Sep 20 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 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
php数据库配置文件一般做法分享
2012/07/07 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
PHP 文件上传限制问题
2019/09/01 PHP
模仿jQuery each函数的链式调用
2009/07/22 Javascript
JavaScript 异步方法队列链实现代码分析
2010/06/05 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
2010/10/20 Javascript
JS函数实现动态添加CSS样式表文件
2012/12/15 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
详解package.json版本号规则
2019/08/01 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
Python  __getattr__与__setattr__使用方法
2008/09/06 Python
Python引用类型和值类型的区别与使用解析
2017/10/17 Python
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
python看某个模块的版本方法
2018/10/16 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
九年级政治教学反思
2014/02/06 职场文书
酒店端午节促销方案
2014/02/18 职场文书
法律系毕业生求职信
2014/05/28 职场文书
2014中考励志标语
2014/06/05 职场文书
教室标语大全
2014/06/21 职场文书
培训班通知
2015/04/25 职场文书
党员个人承诺书
2015/04/27 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA