准确获得页面、窗口高度及宽度的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 二维数组
Nov 26 Javascript
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
javascript实现添加附件功能的方法
Nov 18 Javascript
利用JS实现页面删除并重新排序功能
Dec 09 Javascript
微信端开发--登录小程序步骤
Jan 11 Javascript
JS数组搜索之折半搜索实现方法分析
Mar 27 Javascript
vue-star评星组件开发实例
Mar 01 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
浅谈vue项目如何打包扔向服务器
May 08 Javascript
js校验开始时间和结束时间
May 26 Javascript
详解Vite的新体验
Feb 22 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常用image图像函数集
2013/06/24 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
jQuery Validation插件remote验证方式的Bug解决
2010/07/01 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
2019/10/16 Javascript
如何在 ant 的table中实现图片的渲染操作
2020/10/28 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
Python实现基于HTTP文件传输实例
2014/11/08 Python
Python多线程编程(三):threading.Thread类的重要函数和方法
2015/04/05 Python
Python os模块学习笔记
2015/06/21 Python
Python探索之SocketServer详解
2017/10/28 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
使用numba对Python运算加速的方法
2018/10/15 Python
Python csv模块使用方法代码实例
2019/08/29 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2016天猫双十一广告语
2016/01/28 职场文书