js如何获取浏览器窗口的尺寸?(涵盖所有浏览器)

赞赏 2017-04-08

有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条),基于三种,给出涵盖所有浏览器的JavaScript获取的方案。


Window 尺寸

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

  • window.innerHeight - 浏览器窗口的内部高度
  • window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

或者

  • document.body.clientHeight
  • document.body.clientWidth


实用的 JavaScript 方案(涵盖所有浏览器):

实例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;


登陆后阅读全文
阅读 1454 赞赏 1 有用 1 没用 0 收藏 0 分享

   


作者声明:本篇文章系本人原创,欢迎分享,但未经许可,谢绝转载。

0 条留言

相关文章

Linux下如何让Apache忽略网站 URL 的大小写?

HTML 如何 自定义元素?

写了几年php竟不知道 $A && $B = $C 是什么意思 /捂脸

有料推荐

这世界欠我一个这样的老公!

高校学生模仿“世界名画”摆拍,可以说是戏精本精了

iPhone X 跌破发行价,苏宁200亿入股恒大 | 财经日日评

果然是高手!这次在日本,特朗普竹杠敲得不是一般狠

资深黄牛现身说法:iPhone X价格秒变不停,就像炒股一样

长一样的双胞胎也能识别?蚂蚁金服发布「眼纹识别」技术

苏联是怎么被阿富汗拖垮的?

美团或入局「分时租赁」共享汽车,王兴要大笔投入「泛出行」领域了? | 36氪独家

你或许被“一盘番茄炒蛋”刷屏了,但有人辛酸,有人质疑

iPhone X发售前夜,黄牛与苹果公司的不安

他的文章

@摩拜小程序为什么关锁后,还是那个开锁界面?

看片要当心了!色站不只掏空你,还可能掏空你的电脑 | 网页中可能包含JS挖矿机脚本!!!

Chrome 调试工具的一些高阶功能

前端 | 如何绕过面试题中的小坑

说说Javascript的闭包(Closure)是怎么回事?

ajax返回的http status是200 没有进success方法 却进入了error方法?

为umeditor增加引用功能

JS将RGB,RGBA颜色值转换成16进制的形式

umeditor 报错:Discontiguous selection is not supported

怎么禁用onbeforeunload()方法

手机扫一扫
分享文章