js获取当前页面宽度

在JavaScript中，可以使用以下几种方法来获取当前页面的宽度：

方法一：使用window对象的innerWidth属性

var width = window.innerWidth;

console.log("当前页面宽度：" + width + "px");

方法二：使用document对象的documentElement属性的clientWidth属性

var width = document.documentElement.clientWidth;

console.log("当前页面宽度：" + width + "px");

方法三：使用document对象的body属性的clientWidth属性

var width = document.body.clientWidth;

console.log("当前页面宽度：" + width + "px");

方法四：使用document对象的body属性的offsetWidth属性

var width = document.body.offsetWidth;

console.log("当前页面宽度：" + width + "px");

方法五：使用document对象的documentElement属性的offsetWidth属性

var width = document.documentElement.offsetWidth;

console.log("当前页面宽度：" + width + "px");

这些方法都可以获取当前页面的宽度，不同的是它们基于不同的对象和属性。其中，方法一和方法二是常用的做法，它们能够在大多数浏览器中正常工作。