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


Posted in Javascript onApril 03, 2014
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 相关文章推荐
Javascript解决常见浏览器兼容问题的12种方法
Jan 04 Javascript
JavaScript保留关键字汇总
Dec 01 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
原生JS实现图片轮播切换效果
Dec 15 Javascript
jQuery文字轮播特效
Feb 12 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
react中的ajax封装实例详解
Oct 17 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
javascript实现5秒倒计时并跳转功能
Jun 20 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 #Javascript
js实现的复制兼容chrome和IE
Apr 03 #Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 #Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 #Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 #Javascript
使用jQuery动态加载js脚本文件的方法
Apr 03 #Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 #Javascript
You might like
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
微信支付开发维权通知实例
2016/07/12 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
2015/10/23 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
微信小程序实现无限滚动列表
2020/05/29 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
Vue按时间段查询数据组件使用详解
2020/08/21 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1
2014/06/25 DOTA
[01:32:10]NAVI vs VG Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
Python编写生成验证码的脚本的教程
2015/05/04 Python
基于python中theano库的线性回归
2018/08/31 Python
Python subprocess库的使用详解
2018/10/26 Python
Django之form组件自动校验数据实现
2020/01/14 Python
基于HTML5+Webkit实现树叶飘落动画
2017/12/28 HTML / CSS
如何将字串String转换成整数int
2015/02/21 面试题
C#可否对内存进行直接的操作
2015/02/26 面试题
自荐书范文
2013/12/08 职场文书
入党积极分子自我鉴定
2014/02/18 职场文书
社区交通安全实施方案
2014/03/22 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
创文明城市标语
2014/06/16 职场文书
高中教师先进事迹材料
2014/08/22 职场文书
红色革命电影观后感
2015/06/18 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书