JS BOM window.innerWidth属性,获取视口宽度

innerWidth属性

JavaScript的window对象中的innerWidth属性,可以用于后去当前浏览器的视口的宽度,改属性的值会根据浏览器的缩放或放大而对应地变小或变大。


语法

innerWidth是window的对象属性,必须通过window来调用,语法如下:

window.innerWidth

返回值

Js的number类型数值。


innerWidth属性实例代码,及在线编辑器

第一次在线运行下方的实例之后,拖动浏览器边沿,修改浏览器的宽度,注意是宽度,而不是高度,然后保持修改后的状态,然后再次在线运行看看innerWidth返回数值的变化:

<script>
  var browserWidth = window.innerWidth
  alert(browserWidth+' 类型为:'+typeof(browserWidth))
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.