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 相关文章推荐
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
创建自己的jquery表格插件
Nov 25 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
详解Node.js使用token进行认证的简单示例
May 25 Javascript
Javascript中的解构赋值语法详解
Apr 02 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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
php源码加密 仿微盾PHP加密专家(PHPCodeLock)
2010/05/06 PHP
PHP file_exists问题杂谈
2012/05/07 PHP
PHP数据库调用类调用实例(详细注释)
2012/07/12 PHP
PHP答题类应用接口实例
2015/02/09 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
jquery.tmpl JQuery模板插件
2011/10/10 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
js学习笔记之事件处理模型
2016/10/31 Javascript
javascript入门之数组[新手必看]
2016/11/21 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
JS判断数组那点事
2017/10/10 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
vue实现文字加密功能
2019/09/27 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
二年级语文教学反思
2014/02/02 职场文书
体育专业自荐书
2014/05/29 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
圣诞节开幕词
2015/01/29 职场文书
走进毛泽东观后感
2015/06/04 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle