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 相关文章推荐
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
js写一个弹出层并锁屏效果实现代码
Dec 07 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
Sep 22 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
jQuery轮播图效果精简版完整示例
Sep 04 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
Nov 09 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
vue和webpack打包项目相对路径修改的方法
Jun 15 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 Javascript
Vue组件简易模拟实现购物车
Dec 21 Vue.js
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
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
PHP缓存技术的多种方法小结
2012/08/14 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
PHP递归的三种常用方式
2019/02/28 PHP
js的with语句使用方法
2007/09/21 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
jQuery1.6 使用方法一
2011/11/23 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
详解JavaScript中void语句的使用
2015/06/04 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
vue实现在线学生录入系统
2020/05/30 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
Python实现快速多线程ping的方法
2015/07/15 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
英国最好的包装供应商:Priory Direct
2019/12/17 全球购物
年度考核评语
2014/01/19 职场文书
《我不是最弱小的》教学反思
2014/02/23 职场文书
安全施工标语
2014/06/07 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
道歉信怎么写
2015/05/12 职场文书
房屋维修申请报告
2015/05/18 职场文书
民主生活会主持词
2015/07/01 职场文书
孩子满月酒答谢词
2015/09/30 职场文书
4种方法python批量修改替换列表中元素
2022/04/07 Python
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server