最近用到获取页面宽度的方法,整理了一波,发现了mdn提供了一个api可以获取元素的宽度及位置信息,类似小程序的这个方法。

MDN语法

Element.getBoundingClientRect()

返回值是一个DOMRect对象,它是包含整个元素的最小矩形,包括其width,height,left,top,right,bottom, x,y。

用法:

let aa = document.body.getBoundingClientRect()
console.error(aa)

返回结果如下图:

Element.getBoundingClientRect()的方法获取元素的宽高及位置信息-Qui-Note