js中常用的宽高获取 - - ITeye博客

`

davidxiaozhi

浏览: 237085 次
性别:
来自: 北京

最近访客更多访客>>

djyy3273

denon8

pudi

bolixiyang

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jiangmin0021：看不到图片啊亲可以把文档发我邮箱吗？谢谢你了 4 ...
GT-P7300刷机打电话
justboy1987：看不到图片发我下邮箱吧 175636422@qq.com ...
GT-P7300刷机打电话
wo107504944：真的可以吗
GT-P7300刷机打电话
hoversong： solr-*.*.*.war放到tomcat的webapps下 ...
Can't find resource 'solrconfig.xml' in classpath or 'solr\.\conf/'
comsci：最有可能大规模应用的神经网络技术应该是这样的，我猜想的 ...
自然语言处理--从规则到统计

js中常用的宽高获取

工作浏览器

阅读更多

四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

分享到：

Tomcat debug 配置 | lucene:no segments* file found in org.ap ...

2010-06-11 10:19
浏览 1111
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

在图片加载完毕前js获取图片长宽尺寸: 目前我们常用的获取图片实际宽度高度的方法，要么是在DOM中写入，要么就是等图片加载完毕后才开始获取，用户体验极其不好，今天特意整理一个办法，可以让javascript在html加载完毕后就可以立即获取img文件的头数据...

原生js获取浏览器窗口及元素宽高常用方法集合: 本文主要介绍了原生js获取浏览器窗口及元素宽高常用方法。具有一定的参考价值，下面跟着小编一起来看下吧

js 获取图像缩放后的实际宽高,位置等信息: 项目中遇到图片实际显示尺寸的判定问题,图片可能被缩放过,所以实际显示的宽高无法通过常见的各种width,height拿到(都是得到图像的自然宽度或者字面宽度,并非实际显示结果) 在网上百度了一大圈也没有找到,今天早上...

100个直接可以拿来用的JavaScript实用功能代码片段(1-10): 96、原生JavaScript获取窗体可见范围的宽与高 97、原生JavaScript判断IE版本号（既简洁、又向后兼容！） 98、原生JavaScript获取浏览器版本号 99、原生JavaScript半角转换为全角函数 100、原生JavaScript全角转换为...

js返回top js实时读取浏览器宽度大小 jQuery: 另外附上平时收集的的多种常用js代码： js实现段落文字显示和隐藏代码 JS实现仿新浪微博大厅和腾讯微博首页滚动效果返回顶部js另外一种也是非jquery jQuery-三级菜单2种 js随机生成滚动发货记录 js封装一个...

useful-JavaScript-Fragment:前端常用JavaScript片段: useful-JavaScript-Fragment本项目包含如下内容（还会...避免了网上常见的获取display:none元素的宽高时因盲目使待获取元素脱离文本流而导致的尺寸塌陷的问题。2、从屏幕中间放大一个元素（详见 scale_fromcenter1.htm

程序天下:JavaScript实例自学手册: 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

《程序天下：JavaScript实例自学手册》光盘源码: 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

tools.js:封装了一些常用的方法，组成tools.js: tools.js 封装了一些常用的方法，并且对ES5新增的一些方法，做了兼容处理 1.圣杯继承 inherit ...12.获取浏览器可视区的宽高 getViewportOffse 13.数组去重 unique 14.数组排序 mySort 15.indexOf 兼容 16.forEach 兼

46种常见的浏览器兼容性问题大汇总: 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作，但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致...

IBM WebSphere Portal门户开发笔记01: 5、JS 计算网页内容的宽与高 (浏览器的标准模式与怪异模式) 237 6、JS设置与查看网页的解析模式（值） 249 7、JS判断对象是否已经存在 249 8、CSS设置网页在IE下为灰色显示 250 9、HTML A链接CSS样式 251 10、CSS...

JavaScript 渐变效果页面图片控制第1/2页: 下面说说有用的地方：【最终样式】在JavaScript 图片切割效果的边宽获取中也说到了最终样式，在使用offset获取的数据设置宽度高度的时候，必须先减去最终样式中的边框宽度。在这里我使用了muxrwc的在FF下实现...

javascript document.compatMode兼容性: 档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。

ExtJSWeb应用程序开发指南(第2版): 6.12.6 获取指定节点内文本块的宽、高 6.12.7 指定文本块的宽 6.13 Ext.KeyNav为元素提供简单的按键处理方法 6.13.1 实例化一个键盘绑定对象 6.13.2 废弃原有键盘绑定 6.13.3 将废弃的键盘绑定重新生效 6.14 ...

JavaScript & jQuery完美判断图片是否加载完毕: 众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的...当图片还没有下载完的时候，使用js获取到元素的宽高将会是0。有的同学说了我使用jquery的ready不就好了。如下： $(document).ready(functio

Global site tag (gtag.js) - Google Analytics