准确获得页面、窗口高度及宽度的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 相关文章推荐
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
深入理解javaScript中的事件驱动
May 21 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
Jquery日历插件制作简单日历
Oct 28 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
微信小程序picker组件两列关联使用方式
Oct 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
奇怪的PHP引用效率问题分析
2012/03/23 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php防止sql注入简单分析
2015/03/18 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
求得div 下 img的src地址的js代码
2007/02/28 Javascript
javascript 得到变量类型的函数
2010/05/19 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
Python算法输出1-9数组形成的结果为100的所有运算式
2017/11/03 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
python取代netcat过程分析
2018/02/10 Python
用Python逐行分析文件方法
2019/01/28 Python
python列表使用实现名字管理系统
2019/01/30 Python
python3从网络摄像机解析mjpeg http流的示例
2020/11/13 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
美国网上书店:Barnes & Noble
2018/08/15 全球购物
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
新闻网站实习自我鉴定
2013/09/25 职场文书
大学生饮食连锁店创业计划书
2014/01/17 职场文书
品酒会策划方案
2014/05/26 职场文书
竞聘自述材料
2014/08/25 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers