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 相关文章推荐
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
JS采用绝对定位实现回到顶部效果完整实例
Jun 20 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
vue中,在本地缓存中读写数据的方法
Sep 21 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
vue中如何添加百度统计代码
Dec 19 Vue.js
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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
PHP面向对象程序设计继承用法简单示例
2018/12/28 PHP
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
2014/09/03 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
jQuery生成假加载动画效果
2016/12/01 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
详解AngularJS之$window窗口对象
2018/01/17 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[01:26]DOTA2荣耀之路2:iG,China
2018/05/24 DOTA
Python操作mysql数据库实现增删查改功能的方法
2018/01/15 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
浅析python redis的连接及相关操作
2019/11/07 Python
python圣诞树编写实例详解
2020/02/13 Python
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
Java的for语句中break, continue和return的区别
2013/12/19 面试题
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
药品质量检测应届生求职信
2013/11/14 职场文书
银行求职信个人范文
2013/12/16 职场文书
法学个人求职信范文
2014/01/27 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
加入学生会演讲稿
2014/04/24 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
现场施工员岗位职责
2015/04/11 职场文书
单位车辆管理制度
2015/08/05 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python