JS中document对象 && window对象

所有的全局函数和对象都属于Window对象的属性和方法。

区别:
1、window 指窗体。Window 对象表示浏览器中打开的窗口。
document指页面。document是window的一个子对象、一个对象属性。

2、用户不能改变 document.location(因为这是当前显示文档的位置)。
但是,可以改变window.location (用其它文档取代当前文档)
window.location本身也是一个对象, 而document.location不是对象。
如果文档包含框架（frame 或 iframe 标签），浏览器会为HTML文档创建一个window对象，
并为每个框架创建一个额外的 window 对象。
document 对 Document 对象的只读引用。document 当前显示的文档(该属性本身也是一个对象)。
frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象)。
frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)。

1、window：代表浏览器中一个打开的窗口。它是一个顶层对象，而不是另一个对象的属性。
（1）对象属性

 

 

（2）对象方法

 

 

（3）成员对象

 

 

 

 

2、document对象：代表整个HTML 文档，可用来访问页面中的所有元素。

（1）对象属性

 

 

（2）对象方法

 

（3）body对象

 

（4）location-位置子对象

 

（5）通过集合引用（以images集合为例，forms集合等类似）

 

补充：

a)通过name属性直接引用

<img name="oImage" src="">
document.images.oImage          //document.images.name属性
----------------------------
b)引用图片的src属性
document.images.oImage.src      //document.images.name属性.src

 

参考文章链接：

https://blog.csdn.net/zhouziyu2011/article/details/61922889

https://blog.csdn.net/qq_21577869/article/details/46895365

---------------------
 
原文：https://blog.csdn.net/qq_33242126/article/details/80313489