JavaScript 得到当前浏览器窗口尺寸大小的脚本
在 JavaScript 中，可以通过 `window` 对象的属性来获取当前浏览器窗口的尺寸。具体来说，可以使用以下两个属性：
- `window.innerWidth`：返回浏览器窗口的内部宽度（包括滚动条）。
- `window.innerHeight`：返回浏览器窗口的内部高度（包括滚动条）。
此外，如果需要获取整个窗口的尺寸（包括工具栏和边框），可以使用 `window.outerWidth` 和 `window.outerHeight`。
以下是获取当前浏览器窗口尺寸的完整脚本示例：
```javascript
// 获取浏览器窗口的内部尺寸
function getWindowSize() {
const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
const height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
return { width, height };
}
// 调用函数并输出结果
const size = getWindowSize();
console.log(`窗口宽度: ${size.width}px`);
console.log(`窗口高度: ${size.height}px`);
```
### 解释：
1. `window.innerWidth` 和 `window.innerHeight` 是首选方法，用于获取视口的尺寸。
2. 如果某些老版本浏览器不支持这些属性，可以通过 `document.documentElement.clientWidth` 或 `document.body.clientWidth` 作为备选方案。
3. 返回的对象包含 `width` 和 `height`，便于进一步处理。
### 注意事项：
- 如果页面有滚动条，`innerWidth` 和 `innerHeight` 不会包含滚动条的宽度。
- 如果需要获取整个窗口的尺寸（包括工具栏等），可以使用 `outerWidth` 和 `outerHeight`，但它们可能不总是可用，尤其是某些浏览器的安全策略限制了对这些属性的访问。
希望这段代码对你有帮助！