简单来说，在网站制作中document是window的一个对象属性。window对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。所有的全局函数和对象都属于 window 对象的属性和方法。

区别:

window 指窗体。document指页面。document是window的一个子对象。

用户不能改变 document.location(因为这是当前显示文档的位置)。但是，可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象，而document.location不是对象。

document接口有许多实用方法，比如querySelector()，它是用于查找给定页面内HTML元素的方法：

document.querySelector(’h1’);

window表示当前的浏览器，下面代码与上面等价：

window.document.querySelector(’h1’);

当然，更常见的是用第一种方式。

window是一个全局对象，可以从浏览器中运行的任何JS代码直接访问。