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中的ready函数冲突的解决方法
May 17 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
js文件包含的几种方式介绍
Sep 28 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
跟我学习javascript的this关键字
May 28 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
Dec 24 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
VUE解决 v-html不能触发点击事件的问题
Oct 28 Javascript
微信小程序自定义弹出层效果
May 26 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 Javascript
js面向对象方式实现拖拽效果
Mar 03 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
文章推荐系统(二)
2006/10/09 PHP
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
php的ajax简单实例
2014/02/27 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
js资料prototype 属性
2007/03/13 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
浅析NumPy 切片和索引
2020/09/02 Python
web页面录屏实现
2019/02/12 HTML / CSS
应届生会计求职信
2013/11/11 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
工程招投标邀请书
2014/01/30 职场文书
秘书英文求职信范文
2014/01/31 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
协议书样本
2014/04/23 职场文书
员工廉洁自律承诺书
2014/05/26 职场文书
设计大赛策划方案
2014/06/13 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
无房证明样本
2015/06/17 职场文书
MSSQL基本语法操作
2022/04/11 SQL Server
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python