js中如何获得设备的宽高

在JavaScript中，你可以使用`window.innerWidth`和`window.innerHeight`来获取设备的宽度和高度。以下是如何使用这些属性的基本示例：

```javascript

// 获取设备的宽度

var width = window.innerWidth;

// 获取设备的高度

var height = window.innerHeight;

console.log("Width: " + width + "px");

console.log("Height: " + height + "px");

```

这段代码会输出当前设备的屏幕宽度和高度，单位是像素（px）。如果你想要以不同的单位获取宽高，可以使用`window.innerWidth`和`window.innerHeight`的`toString()`方法，并结合单位前缀：

```javascript

// 获取设备的宽度，单位为百分比

var widthPercent = window.innerWidth + "px";

// 获取设备的高度，单位为百分比

var heightPercent = window.innerHeight + "px";

console.log("Width: " + widthPercent);

console.log("Height: " + heightPercent);

```

请注意，`window.innerWidth`和`window.innerHeight`返回的是视口（viewport）的宽度和高度，不包括滚动条。如果你需要包括滚动条的尺寸，可以使用`document.body.clientWidth`和`document.body.clientHeight`，或者`document.documentElement.clientWidth`和`document.documentElement.clientHeight`（对于IE 8及以下版本）。

```javascript

// 获取包含滚动条的窗口宽度

var widthWithScroll = document.body.clientWidth document.documentElement.clientWidth;

// 获取包含滚动条的窗口高度

var heightWithScroll = document.body.clientHeight document.documentElement.clientHeight;

console.log("Width with scroll: " + widthWithScroll + "px");

console.log("Height with scroll: " + heightWithScroll + "px");

```