准确获得页面、窗口高度及宽度的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 相关文章推荐
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
jquery如何获取元素的滚动条高度等实现代码
Oct 19 Javascript
JS Array创建及concat()split()slice()的使用方法
Jun 03 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
Apr 18 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
vscode中使用npm安装babel的方法
Aug 02 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开发者事半功倍的十大技巧小结
2010/04/20 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
javascript 多浏览器 事件大全
2010/03/23 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
JavaScript获取当前时间向前推三个月的方法示例
2017/02/04 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
js实现div色块碰撞
2020/01/16 Javascript
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
python框架django项目部署相关知识详解
2019/11/04 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
python中的线程threading.Thread()使用详解
2019/12/17 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
python的setattr函数实例用法
2020/12/16 Python
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
25道Java面试题集合
2013/05/21 面试题
高中生毕业学习总结的自我评价
2013/11/14 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
MySQL 字符集 character
2022/05/04 MySQL