准确获得页面、窗口高度及宽度的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 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
js 数值项目的格式化函数代码
May 14 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
Redis基本知识、安装、部署、配置笔记
Mar 05 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
JavaScript缺少insertAfter解决方案
Jul 03 Javascript
Node.js实现断点续传
Jun 23 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
PHP4引用文件语句的对比
2006/10/09 PHP
PHP技术开发技巧分享
2010/03/23 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
php实现可逆加密的方法
2015/08/11 PHP
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
javascript执行环境及作用域详解
2016/05/05 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
[01:01]2020完美高校联赛(秋)西安落幕
2021/03/11 DOTA
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
python实现哈希表
2014/02/07 Python
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
python+opencv+caffe+摄像头做目标检测的实例代码
2018/08/03 Python
使用Fabric自动化部署Django项目的实现
2019/09/27 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
django中ImageField的使用详解
2020/12/21 Python
python中PyQuery库用法分享
2021/01/15 Python
《圆明园的毁灭》教学反思
2014/02/28 职场文书
银行奉献演讲稿
2014/09/16 职场文书
乡镇计划生育工作汇报
2014/10/28 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
2015年考研复习计划
2015/01/19 职场文书
家长高考寄语
2015/02/27 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
Go结合Gin导出Mysql数据到Excel表格
2022/08/05 Golang