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脚本函数库 方便开发
Oct 13 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
Augularjs-起步详解
Jul 08 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
小程序封装路由文件和路由方法(5种全解析)
May 26 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 Javascript
vue实现户籍管理系统
May 29 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 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中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
php邮件发送的两种方式
2020/04/28 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
解决js正则匹配换行问题实现代码
2012/12/10 Javascript
分享使用AngularJS创建应用的5个框架
2015/12/05 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
jQuery动态创建元素以及追加节点的实现方法
2016/10/20 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
微信小程序自定义音乐进度条的实例代码
2018/08/28 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
python动态加载变量示例分享
2014/02/17 Python
python实现堆栈与队列的方法
2015/01/15 Python
Python数据集切分实例
2018/12/08 Python
使用Pycharm分段执行代码
2020/04/15 Python
PatPat香港:婴童服饰和亲子全家装在线购物
2020/09/27 全球购物
电脑租赁公司创业计划书
2014/01/08 职场文书
策划创业计划书
2014/02/06 职场文书
军训教官感言
2014/03/02 职场文书
家长写给老师的建议书
2014/03/13 职场文书
禁烟标语大全
2014/06/11 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS
Python自动化实战之接口请求的实现
2022/05/30 Python