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 异步调用框架 (Part 3 - 代码实现)
Aug 04 Javascript
JS弹出层的显示与隐藏示例代码
Dec 27 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
jQuery获取URL请求参数的方法
Jul 18 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
JavaScript设计模式之单例模式简单实例教程
Jul 02 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 Javascript
Vue搭建后台系统需要注意的问题
Nov 08 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
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
基于jquery实现图片广告轮换效果代码
2011/07/07 Javascript
js复制到剪切板的实例方法
2013/06/28 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
Vue之Watcher源码解析(2)
2017/07/19 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
JS关于刷新页面的相关总结
2018/05/09 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
python getopt 参数处理小示例
2009/06/09 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
美国家居装饰店:Pier 1
2019/09/04 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
校园之星获奖感言
2014/01/29 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
建筑安全标语
2014/06/07 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
迟到检讨书
2015/01/26 职场文书