成都web前端培训
成都达内金融街中心

18628200088

热门课程

js获取浏览器宽高(可视)

  • 时间:2018-02-11 17:02
  • 发布:成都达内
  • 来源:达内

在前端开发中,我们时长会做一些漂浮窗口,弹框等外放形式的盒子,那么很多时候我们需要先对用户的浏览器页面进行简单的判断来确定我的盒子出现的位置,那么获取浏览器的窗口高度与宽度也就至关重要了。

下面我们简述下获取高宽的js代码,测试时数值可以用alert()弹出值来确认。

document.body.offsetWidth

document.body.offsetHeight

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

document.documentElement.clientWidth

document.documentElement.clientHeight

IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸;

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

window.innerWidth

window.innerHeight

上一篇:前端开发-移动端代码
下一篇:border-radius生成各类圆角
选择城市和中心
贵州省

广西省

海南省