简单来说,在网站制作中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代码直接访问。