Vue.js获取屏幕宽度和高度的方法

高度获取屏幕宽度方法

Vue.js可以通过window.innerWidth和window.innerHeight获取屏幕的宽度和高度，如下：

let width = window.innerWidth;
let height = window.innerHeight;

如果要获取更精确的宽度和高度，可以使用window.screen.width和window.screen.height，如下：

let width = window.screen.width;
let height = window.screen.height;

如果要获取渲染区域的宽度和高度，可以使用document.documentElement.clientWidth和document.documentElement.clientHeight，如下：

let width = document.documentElement.clientWidth;
let height = document.documentElement.clientHeight;

如果要获取可视区域的宽度和高度，可以使用document.body.clientWidth和document.body.clientHeight，如下：

let width = document.body.clientWidth;
let height = document.body.clientHeight;

如果要获取滚动条的宽度和高度，可以使用document.body.scrollWidth和document.body.scrollHeight，如下：

let width = document.body.scrollWidth;
let height = document.body.scrollHeight;

如果要获取可滚动区域的宽度和高度，可以使用document.body.offsetWidth和document.body.offsetHeight，如下：

let width = document.body.offsetWidth;
let height = document.body.offsetHeight;

以上就是，使用时可以根据具体需求选择合适的方法。

展开阅读全文

上一篇：Flex布局下如何实现两端对齐而不满时左对齐下一篇：如何在JavaScript字符串指定位置插入新字符？