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 相关文章推荐
js select常用操作控制代码
Mar 16 Javascript
jquery ajax执行后台方法
Mar 18 Javascript
基于jQuery的history历史记录插件
Dec 11 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
从数组中随机取x条不重复数据的JS代码
Dec 24 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 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删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
40款非常棒的jQuery 插件和制作教程(系列二)
2011/11/02 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
2015/05/03 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
JavaScript 栈的详解及实例代码
2017/01/22 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
js for循环倒序输出数组元素的实例
2017/03/01 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
Layui多选只有最后一个值的解决方法
2019/09/02 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python中title()方法的使用简介
2015/05/20 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
python 检查文件mime类型的方法
2018/12/08 Python
详解python之heapq模块及排序操作
2019/04/04 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
公务员的自我鉴定
2013/10/26 职场文书
自主招生推荐信范文
2014/05/10 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
意向协议书
2015/01/27 职场文书
市场部经理岗位职责
2015/02/02 职场文书
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技