准确获得页面、窗口高度及宽度的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 相关文章推荐
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
浅谈在js传递参数中含加号(+)的处理方式
Oct 11 Javascript
微信小程序链接传参并跳转新页面
Nov 29 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
JavaScript中继承原理与用法实例入门
May 09 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
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
jquery复选框CHECKBOX全选、反选
2008/08/30 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
vue观察模式浅析
2018/09/25 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
Element MessageBox弹框的具体使用
2020/07/27 Javascript
python实现在pickling的时候压缩的方法
2014/09/25 Python
人工神经网络算法知识点总结
2019/06/11 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
家用个人磨皮机:Trophy Skin
2017/03/30 全球购物
德国网上超市:myTime.de
2019/08/26 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
个人自我鉴定写法
2013/11/30 职场文书
运动会通讯稿150字
2014/02/15 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
个人授权委托书模板
2014/09/14 职场文书
2014年党风建设工作总结
2014/11/19 职场文书
信用卡收入证明范本
2015/06/12 职场文书
结婚主持人致辞
2015/07/28 职场文书
2016年离婚协议书范文
2016/03/18 职场文书
python实现socket简单通信的示例代码
2021/04/13 Python
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS