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将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
Javascript BOM学习小结(六)
Nov 26 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
bootstrap table实现合并单元格效果
Dec 24 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
vue项目中监听手机物理返回键的实现
Jan 18 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
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
PHP时间类完整代码实例
2021/02/26 PHP
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
Vue 封装防刷新考试倒计时组件的实现
2020/06/05 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
python文本数据处理学习笔记详解
2019/06/17 Python
python内存动态分配过程详解
2019/07/15 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
Myprotein荷兰官网:欧洲第一运动营养品牌
2020/07/11 全球购物
人事主管岗位职责范本
2013/12/04 职场文书
后备干部考察材料
2014/02/12 职场文书
五水共治一句话承诺
2014/05/30 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
文明单位汇报材料
2014/12/24 职场文书
土地租赁协议书
2015/01/29 职场文书
2015年小学教导处工作总结
2015/05/26 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
导游词之四川熊猫基地
2020/01/13 职场文书