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 & DHTML 实例编程(教程)基础知识
Jun 02 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
改写一个简单的菜单 弹性大小
Dec 02 Javascript
jQuery 版元素拖拽原型代码
Apr 25 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
vue开发拖拽进度条滑动组件
Sep 21 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 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来处理多个提交任务
2006/10/09 PHP
用libTemplate实现静态网页的生成
2006/10/09 PHP
PHP strtotime函数详解
2009/12/18 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
php数组使用规则分析
2015/02/27 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
让Firefox支持event对象实现代码
2009/11/07 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
让js弹出窗口居前显示的实现方法
2013/07/10 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
原生JS和JQuery动态添加、删除表格行的方法
2015/05/28 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
信息滚动效果的实例讲解
2017/09/18 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
python删除列表中重复记录的方法
2015/04/28 Python
python网络编程之数据传输UDP实例分析
2015/05/20 Python
安装Python和pygame及相应的环境变量配置(图文教程)
2017/06/04 Python
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
精通CAD能手自荐书
2014/01/31 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
大学生入党自荐书
2015/03/05 职场文书
义卖募捐活动总结
2015/05/09 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书