JS中document对象 && window对象

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

区别:
  1window 指窗体。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


猜你喜欢

转载自blog.csdn.net/qq_33242126/article/details/80313489