准确获得页面、窗口高度及宽度的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中的parseInt使用技巧
Sep 03 Javascript
用客户端js实现带省略号的分页
Apr 27 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
jquery.validate.js插件使用经验记录
Jul 02 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 Javascript
js实现简单扫雷
Nov 27 Javascript
在webstorm中配置less的方法详解
Sep 25 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递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
JavaScript 格式字符串的应用
2010/03/29 Javascript
加载 Javascript 最佳实践
2011/10/30 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
JavaScript中json使用自己总结
2013/08/13 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
webpack打包js的方法
2018/03/12 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
python实现超级马里奥
2020/03/18 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
执行Python程序时模块报错问题
2020/03/26 Python
导致python中import错误的原因是什么
2020/07/01 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
物业管理毕业生个人的求职信
2013/11/30 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
八年级音乐教学反思
2014/01/09 职场文书
小学体育教学反思
2014/01/31 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
幼儿园中班个人总结
2015/02/28 职场文书
小学教师自我评价
2015/03/04 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
工会文体活动总结
2015/05/07 职场文书
单位病假条范文
2015/08/17 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书