codetc - 网站开发技术 首页 前端 查看内容

JS获取浏览器当前可视区域的大小

2014-11-26 01:46| 发布者: CODETC| 查看: 2086| 评论: 0

这里所说的可视区域是指浏览器窗口的可视区域的尺寸,不是浏览器窗口大小,也不是页面尺寸。比如我们在网页中需要实现弹出层窗口居中的时候就要获取到这个可视区域的大小来进行居中处理。

在没有声明DOCTYPE的IE中,要获取浏览器显示窗口大小只能通过以下方法:

document.body.offsetWidth
document.body.offsetHeight

如果在声明了DOCTYPE的浏览器中,可以用以下代码来获取浏览器显示窗口的大小:

document.documentElement.clientWidth
document.documentElement.clientHeight
这种方法对于IE,FF,Safari都支持,而opera虽然也支持该属性,但是返回的是页面尺寸;

同时,除了IE以外的所有浏览器都会将这些信息保存在window对象中,可以用以下获取:

window.innerWidth
window.innerHeight
文章来源 CODETC,欢迎分享,转载请注明地址: http://www.codetc.com/article-70-1.html

最新评论

 作为游客发表评论,请输入您的昵称

返回顶部