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 Event学习第十章 一些可替换的事件对
Feb 10 Javascript
Js切换功能的简单方法
Nov 23 Javascript
IE关闭时判断及AJAX注销案例学习
Feb 18 Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
浅谈Webpack下多环境配置的思路
Jun 27 Javascript
js实现鼠标拖拽缩放div实例代码
Mar 25 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
javascript实现简易的计算器
Jan 17 Javascript
使用JS实现动态时钟
Mar 12 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
PHP+JS+rsa数据加密传输实现代码
2011/03/23 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
js跑步算法的实现代码
2013/12/04 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
node.js适合游戏后台开发吗?
2014/09/03 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
获取url中用&隔开的参数实例(分享)
2017/05/28 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
跟老齐学Python之用while来循环
2014/10/02 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
pycharm配置当鼠标悬停时快速提示方法参数
2019/07/31 Python
django和vue实现数据交互的方法
2019/08/21 Python
HTML5注册表单的自动聚焦与占位文本示例代码
2013/07/19 HTML / CSS
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
SQL数据库笔试题
2016/03/08 面试题
易程科技软件测试笔试
2013/03/24 面试题
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
护士个人自我鉴定
2014/03/24 职场文书
初中学校军训方案
2014/05/09 职场文书
世界遗产导游词
2015/02/13 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
老公出轨后的保证书
2015/05/08 职场文书
生活小常识广播稿
2015/08/19 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书