window 对象_属性

浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属

xxxxxxxxxx
a = 1;
window.a // 1

window.screenX，window.screenY

window.screenX和window.screenY属性，返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离（单位像素）。这两个属性只读

xxxxxxxxxx
console.log(window.screenX);
console.log(window.screenY);

window.innerHeight，window.innerWidth

window.innerHeight和window.innerWidth属性，返回网页在当前窗口中可见部分的高度和宽度，即“视口”（viewport）的大小（单位像素）。这两个属性只读

xxxxxxxxxx
console.log(window.innerHeight);
console.log(window.innerWidth);

温馨提示

这两个属性值包括滚动条的高度和宽度

window.outerHeight，window.outerWidth

window.outerHeight和window.outerWidth属性返回浏览器窗口的高度和宽度，包括浏览器菜单和边框（单位像素）。这两个属性只读

xxxxxxxxxx
console.log(window.outerHeight);
console.log(window.outerWidth);

window.scrollX，window.scrollY

window.scrollX属性返回页面的水平滚动距离，window.scrollY属性返回页面的垂直滚动距离，单位都为像素。这两个属性只读

xxxxxxxxxx
console.log(window.scrollX);
console.log(window.scrollY);

window.pageXOffset，window.pageYOffset

window.pageXOffset属性和window.pageYOffset属性，是window.scrollX和window.scrollY别名

实时效果反馈

1. 获取当前浏览器整体的宽度和高度，以下那个属性是正确的：

A window.screenX，window.screenY

B window.innerHeight，window.innerWidth

C window.outerHeight，window.outerWidth

D window.scrollX，window.scrollY

答案

1=>C