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 相关文章推荐
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
自动化测试读写64位操作系统的注册表
Aug 15 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
react.js 翻页插件实例代码
Jan 19 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
vuex分模块后,实现获取state的值
Jul 26 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
php in_array 函数使用说明与in_array需要注意的地方说明
2010/04/13 PHP
php无限遍历目录示例
2014/02/21 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
vue中实现Monaco Editor自定义提示功能
2019/07/05 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
2020/03/06 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
Python 面向对象 成员的访问约束
2008/12/23 Python
python 重命名轴索引的方法
2018/11/10 Python
python添加菜单图文讲解
2019/06/04 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
mac使用python识别图形验证码功能
2020/01/10 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
法学专业个人求职信
2013/09/26 职场文书
大学生简单自荐信
2013/11/10 职场文书
粗加工管理制度
2014/02/04 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
上班迟到检讨书
2014/09/15 职场文书