在JavaScript中，可以使用getBoundingClientRect()方法获取元素的位置和大小。该方法返回包含四个属性（即top, bottom, left, right）的DOMRect对象，表示元素相对于视口的位置和大小。
例如，可以通过以下方式获取元素的位置和大小:
const element = document.getElementById('example-element');
const rect = element.getBoundingClientRect();
const top = rect.top; // 元素顶部相对于视口顶部的距离
const bottom = rect.bottom; // 元素底部相对于视口顶部的距离
const left = rect.left; // 元素左侧相对于视口左侧的距离
const right = rect.right; // 元素右侧相对于视口左侧的距离
const width = rect.width; // 元素宽度
const height = rect.height; // 元素高度其中，document.getElementById()是一种获取特定HTML元素的方法，需要传入要查找的元素的id作为参数，而且需要在文档中先定义这个元素的id。
此外，如果希望获取窗口（viewport）的大小，可以使用window.innerWidth和window.innerHeight属性来获取视口的宽度和高度。
请注意，以上答案仅适用于普通 JavaScript 开发，不适用于 Node.js，也不考虑使用框架或库进行开发时对API的替换或增强。