准确获得页面、窗口高度及宽度的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设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
Mar 13 Javascript
使用Vue实现图片上传的三种方式
Jul 17 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
在小程序中使用canvas的方法示例
Sep 17 Javascript
详解vuex之store源码简单解析
Jun 13 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 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经典的给图片加水印程序
2006/12/06 PHP
PHP strtr() 函数使用说明
2008/11/21 PHP
php 定界符格式引起的错误
2011/05/24 PHP
php 文件上传类代码
2011/08/06 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
基于jquery的一个浮动框(扩展性比较好 )
2010/08/27 Javascript
基于jquery自己写tab滑动门(通用版)
2012/10/30 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
2016/01/19 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
Vue.directive()的用法和实例详解
2018/03/04 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
[01:03:41]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第一场 12.17
2020/12/19 DOTA
Python 列表list使用介绍
2014/11/30 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
全球最大的游戏市场:G2A
2018/07/05 全球购物
毕业生自荐信
2013/12/14 职场文书
法人代表授权委托书
2014/04/08 职场文书
小人国观后感
2015/06/11 职场文书
少年犯观后感
2015/06/11 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
《妈妈别哭,有我在》读后感3篇
2020/01/13 职场文书
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers