准确获得页面、窗口高度及宽度的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 相关文章推荐
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
jQuery is not defined 错误原因与解决方法小结
Mar 19 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 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中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
PHP 组件化编程技巧
2009/06/06 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
(function($){...})(jQuery)的意思
2010/07/22 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
wxPython窗口的继承机制实例分析
2014/09/28 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
CentOS 6.5中安装Python 3.6.2的方法步骤
2017/12/03 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
水果花束:Fruit Bouquets
2017/12/20 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
PHP面试题集
2016/12/18 面试题
测绘工程个人的自我评价
2013/11/10 职场文书
应届毕业生求职信
2013/11/30 职场文书
应届大学生简历中的自我评价
2014/01/15 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
2015年个人审计工作总结
2015/04/07 职场文书
大学生社会实践感想
2015/08/11 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
Java9新特性之Module模块化编程示例演绎
2022/03/16 Java/Android
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫