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 相关文章推荐
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
使用不同的方法结合/合并两个JS数组
Sep 18 Javascript
javascript常用功能汇总
Jul 05 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
Vue分页组件实例代码
Apr 17 Javascript
angularJs中$scope数据序列化的实例
Sep 30 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
微信小程序实现签字功能
Dec 23 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
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
让PHP支持页面回退的两种方法
2008/01/10 PHP
取得单条网站评论以数组形式进行输出
2014/07/28 PHP
PHP产生不重复随机数的5个方法总结
2014/11/12 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
php实现插入数组但不影响原有顺序的方法
2015/03/27 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
PHP下载大文件失败并限制下载速度的实例代码
2019/05/10 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
javascript预览上传图片发现的问题的解决方法
2010/11/25 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
推荐JavaScript实现继承的最佳方式
2014/11/11 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
Vue异步组件使用详解
2017/04/08 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
微信小程序实现图片滚动效果示例
2018/12/05 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
python实现网页录音效果
2020/10/26 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
高校教师自荐信范文
2014/03/13 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书
幼儿园大班毕业评语
2014/12/31 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技