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 相关文章推荐
重定向实现代码
Nov 20 Javascript
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
jquery中键盘事件小结
Feb 24 Javascript
jQuery Easyui datagrid/treegrid 清空数据
Jul 09 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
Mar 17 Javascript
Vue.use源码分析
Apr 22 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
webpack中如何加载静态文件的方法步骤
May 18 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处理斐波那契数列非递归方法
2012/02/04 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
解析PHP的session过期设置
2013/06/29 PHP
PHP分页类集锦
2014/11/18 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
JavaScript判断用户是否对表单进行了修改的方法
2015/03/18 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
python 获取et和excel的版本号
2009/04/09 Python
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
Python环境下安装使用异步任务队列包Celery的基础教程
2016/05/07 Python
Python+Pika+RabbitMQ环境部署及实现工作队列的实例教程
2016/06/29 Python
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
PyQt5每天必学之日历控件QCalendarWidget
2018/04/19 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
聚美优品励志广告词
2014/03/14 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
学校运动会广播稿范文
2014/10/02 职场文书
公务员个人年终总结
2015/02/12 职场文书
2015秋季幼儿园开学寄语
2015/03/25 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
Python列表的索引与切片
2022/04/07 Python