JS获取网页属性包括宽、高等等

2014-04-03 25

function getInfo() 
{ 
var s = ""; 
s += " 网页可见区域宽:"+ document.body.clientWidth+" "; 
s += " 网页可见区域高:"+ document.body.clientHeight+" "; 
s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+" "; 
s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+" "; 
s += " 网页正文全文宽:"+ document.body.scrollWidth+" "; 
s += " 网页正文全文高:"+ document.body.scrollHeight+" "; 
s += " 网页被卷去的高(ff):"+ document.body.scrollTop+" "; 
s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+" "; 
s += " 网页被卷去的左:"+ document.body.scrollLeft+" "; 
s += " 网页正文部分上:"+ window.screenTop+" "; 
s += " 网页正文部分左:"+ window.screenLeft+" "; 
s += " 屏幕分辨率的高:"+ window.screen.height+" "; 
s += " 屏幕分辨率的宽:"+ window.screen.width+" "; 
s += " 屏幕可用工作区高度:"+ window.screen.availHeight+" "; 
s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+" "; 
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+" "; 
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+" "; 
s += " window的页面可视部分实际高度(ff) "+window.innerHeight+" "; 
alert (s); 
};
展开阅读全文

更多Javascript文章

经常用的图片在容器中的水平垂直居中实例
Jun 10 21
js实现同一页面多个运动效果的方法
Apr 10 22
js通过指定下标或指定元素进行删除数组的实例
Jan 12 21
JS中Object对象的原型概念基础
Jan 29 18
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 20
js使用Promise实现简单的Ajax缓存
Nov 14 17
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 25
手机访问当前页面