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控件的几种方法
Jun 02 Javascript
JS正则中的RegExp对象对象
Nov 07 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
Vue实现浏览器打印功能的代码
Apr 17 Javascript
JavaScript快速调试的两个技巧
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
php cli 方式 在crotab中运行解决
2010/02/08 PHP
Destoon实现多表查询示例
2014/08/21 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
AngularJS实现注册表单验证功能
2017/10/16 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
Python基于smtplib实现异步发送邮件服务
2015/05/28 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
小学生优秀评语
2014/12/29 职场文书
保卫工作个人总结
2015/03/03 职场文书
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js