20170702

window & document

• window和document的区别
  window指浏览器的窗口，包括工具栏、地址栏等，window一般可以省略；
  document是去除了上边的菜单栏，document对象是window对象的一部分，document.body实质上是window.document.body，浏览器的HTML文档称为document对象。
• window.location和document.location的区别
  window对象的location属性引用的是Location对象，表示该窗口中当前显示文档的URL；
  document对象的location属性同样也是引用的Location对象；
  所以window.location === document.location，所以使用时可直接用location.href==xxx也可以用window.location.href=xxx以及document.location.href=xxx。

---

关于window的宽高的知识

• window.innerHeight和window.outerHeight

• window.innerWidth和window.outerWidth

• screen.height和screen.availHeight
screen.height指的是屏幕的高度，screen.availHeight指屏幕可利用的高度，都与浏览器窗口大小无关，即无论浏览器窗口如何缩放，它们都是不变的。

• screen.width & screen.availWidth & screen.Top（screenY） & screen.Left（screenX）
  screen.width指的是屏幕的宽度，screen.availWidth指屏幕可利用的宽度，都与浏览器窗口大小无关，即无论浏览器窗口如何缩放，它们都是不变的。

• 兼容性问题
  inner宽高和outer宽高是不兼容ie9以下浏览器的。

注：上述图片均来源于慕课网