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查找父节点的简单方法
Jun 28 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
js基础知识(公有方法、私有方法、特权方法)
Nov 06 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
JavaScript使用ul中li标签实现删除效果
Apr 15 Javascript
JavaScript实现简单的计算器
Jan 16 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
PHP5 的对象赋值机制介绍
2011/08/02 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
ThinkPHP中redirect用法分析
2014/12/05 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
javascript 面向对象思想 附源码
2009/07/07 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
jquery ready()的几种实现方法小结
2010/06/18 Javascript
js局部刷新页面时间具体实现
2013/07/04 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
2014/01/02 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
2015/12/01 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
详解React 元素渲染
2020/07/07 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
开始着手第一个Django项目
2015/07/15 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
Python中的枚举类型示例介绍
2019/01/09 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python函数调用追踪实现代码
2020/11/27 Python
python 利用jieba.analyse进行 关键词提取
2020/12/17 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
端午节演讲稿
2014/05/23 职场文书
生物科学专业自荐书
2014/06/20 职场文书
运动会广播稿200字
2014/10/18 职场文书
先进单位事迹材料
2014/12/25 职场文书
中学教师个人总结
2015/02/10 职场文书
优秀英文求职信范文
2015/03/19 职场文书
法人代表证明书范本
2015/06/18 职场文书