准确获得页面、窗口高度及宽度的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 ajax例子返回值详解
Sep 11 Javascript
JQuery for与each性能比较分析
May 14 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
使用node.js 获取客户端信息代码分享
Nov 26 Javascript
JavaScript 事件对象介绍
Apr 13 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
Vue中引入样式文件的方法
Aug 18 Javascript
详解JS数值Number类型
Feb 07 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
layui实现数据分页功能
Jul 27 Javascript
Js图片点击切换轮播实现代码
Jul 27 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
Thinkphp实现自动验证和自动完成
2015/12/19 PHP
php采集神器cURL使用方法详解
2016/02/19 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
jquery validate demo 基础
2015/10/29 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
JS实现弹出居中的模式窗口示例
2016/06/20 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
2018/10/12 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
老生常谈Python进阶之装饰器
2017/05/11 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
详解flask入门模板引擎
2018/07/18 Python
实例介绍Python中整型
2019/02/11 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
windows下python 3.9 Numpy scipy和matlabplot的安装教程详解
2020/11/28 Python
html5中去掉input type date默认样式的方法
2018/09/06 HTML / CSS
大学生入党思想汇报
2014/01/01 职场文书
七年级英语教学反思
2014/01/15 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
希特勒的演讲稿
2014/05/23 职场文书
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android