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 相关文章推荐
JavaScript 页面坐标相关知识整理
Jan 09 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
js子页面获取父页面数据示例
May 15 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
jQuery自动添加表单项的方法
Jul 13 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
详解webpack 如何集成第三方js库
Jun 29 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
js中的闭包实例展示
Nov 01 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 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
制作美丽的拉花
2021/03/03 冲泡冲煮
处理php自动反斜杠的函数代码
2010/01/05 PHP
PHP实现微信模拟登陆并给用户发送消息的方法【文字,图片,图文】
2017/06/29 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
JQuery toggle使用分析
2009/11/16 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
2017/10/20 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
Python with标签使用方法解析
2020/01/17 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
意大利制造的西装、衬衫和针对男士量身定制的服装:Lanieri
2018/04/08 全球购物
酒店员工检讨书
2014/02/18 职场文书
党员承诺书格式
2014/05/21 职场文书
十八大标语口号
2014/10/09 职场文书
关于感谢信的范文
2015/01/23 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python