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 jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
JavaScript对象和字串之间的转换实例探讨
Apr 21 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
Jun 23 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
node.js 如何监视文件变化
Sep 01 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
Sep 21 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 gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
一个实用的php验证码类
2017/07/06 PHP
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
解决vue刷新页面以后丢失store的数据问题
2020/08/11 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
Python 面试中 8 个必考问题
2018/11/16 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
Python 实现平台类游戏添加跳跃功能
2020/03/27 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
.NET面试题:什么是反射
2016/09/30 面试题
试用期转正后的自我评价
2014/09/21 职场文书
2014年教研工作总结
2014/12/06 职场文书
服务员岗位职责
2015/02/03 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
React四级菜单的实现
2022/04/08 Javascript
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python