JavaScript获取屏幕，当前网页和浏览器窗口的大小

Question

我怎样才能得到windowWidth，windowHeight，pageWidth，pageHeight，screenWidth，screenHeight，pageX，pageY，``screenX，screenY将在所有主要浏览器工作？

Answer 1

这包含你需要了解的所有信息：获取视口/窗口大小

简而言之：

var win = window,
    doc = document,
    docElem = doc.documentElement,
    body = doc.getElementsByTagName('body')[0],
    x = win.innerWidth || docElem.clientWidth || body.clientWidth,
    y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
alert(x + ' × ' + y);

Fiddle

请停止编辑此答案。根据不同的代码格式偏好，现在已对其进行了22次编辑。还指出了，如果你只想定位现代浏览器，则不需要这样做-如果是这样，则只需要以下内容：

const width  = window.innerWidth || document.documentElement.clientWidth || 
document.body.clientWidth;
const height = window.innerHeight|| document.documentElement.clientHeight|| 
document.body.clientHeight;

console.log(width, height);