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 相关文章推荐
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
基于javascript实现样式清新图片轮播特效
Mar 30 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
微信小程序实现轨迹回放的示例代码
Dec 13 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
获取PHP警告错误信息的解决方法
2013/06/03 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
php实现微信扫码支付
2017/03/26 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
JavaScript 输入框内容格式验证代码
2010/02/11 Javascript
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
JS实现静止元素自动移动示例
2014/04/14 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
webstorm中vue语法的支持详解
2018/05/09 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
Python join()函数原理及使用方法
2020/11/14 Python
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
生日宴会答谢词
2014/01/09 职场文书
环保宣传标语
2014/06/12 职场文书
保护地球的标语
2014/06/17 职场文书
股指期货心得体会
2014/09/10 职场文书
争先创优演讲稿
2014/09/15 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
Pandas加速代码之避免使用for循环
2021/05/30 Python
详解Python中__new__方法的作用
2022/03/31 Python
Redis过期数据是否会被立马删除
2022/07/23 Redis