准确获得页面、窗口高度及宽度的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 相关文章推荐
js中的escape及unescape函数的php实现代码
Sep 04 Javascript
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
Dec 24 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
jquery attr()设置和获取属性值实例教程
Sep 25 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
vue axios 表单提交上传图片的实例
Mar 16 Javascript
浅谈vuex中store的命名空间
Nov 08 Javascript
Vue实现验证码功能
Dec 03 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中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2011/11/10 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
php析构函数的简单使用说明
2015/08/24 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
2019/10/17 PHP
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
2011/07/31 Javascript
基于jquery插件实现常见的幻灯片效果
2013/11/01 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
javascript 判断一个对象为数组的方法
2017/05/03 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
vuejs router history 配置到iis的方法
2018/09/20 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
每个 JavaScript 工程师都应懂的33个概念
2018/10/22 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
requests和lxml实现爬虫的方法
2017/06/11 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
python3 打开外部程序及关闭的示例
2018/11/06 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
python时间日期操作方法实例小结
2020/02/06 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
介绍一下#error预处理
2015/09/25 面试题
Oracle性能调优原则
2012/05/03 面试题
给男朋友的道歉信
2014/01/12 职场文书
同学会邀请书大全
2014/01/12 职场文书
运动会演讲稿
2014/05/07 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
2019学生会干事辞职信
2019/06/27 职场文书