浏览器对象及层次关系

一、window对象

1. 功能: 顶层对象（根对象）,用来表示浏览器所打开的窗口

2. 书写格式:

   （1）正常书写:  窗口.属性 / 窗口.方法();
   （2）子窗口:    opener.属性 / opener.方法();
   （3）框架: 	   top.属性 / top.方法();
   （4）当前窗口:  self.属性 / self.方法();  self也可以写成window
   

3. 常见属性:
   - name ：窗口的名字.
   - closed ： 判断窗口是否己经被关闭,返回布尔值
   - document, frames, history, location: 四个下级对象
   - length ： 窗口内的框架个数
   - opener ： 代表使用open打开当前窗口的父窗口
   - self ： 当前窗口
   - top ： 当前框架的最顶层窗口
   - defaultstatus ：缺省的状态栏信息.
   - status ： 状态栏的信息.

4. 浏览器外观:
   

5. 常见方法:
   

6. 工具栏功能
   

二、二级对象

1. history对象

2. location对象

3. frame对象

每一个框架对象相当于窗口对象(window)

4. document对象

三、document对象的下级对象

1. 锚点对象anchor

当文挡包含<a> 标记时,javascript自动建立相对应的锚点对象

• 引用格式:
  - document.锚点名.属性 / document.锚点名.方法
  - document.anchors[n].属性 / document.anchors[n].方法

• 属性:
  name 表示锚点的名称

2. 链接对象link

3. 图象对象image

4. 表单对象form

四、form的下级对象

1. 单行文本对象text

当javascript读到标记中的type属性值为text时,自动建立一个文本按钮对象,并将该对象放到表单对象的elements数组当中

2. 密码对象password

属性,方法,引用与单行文本text对象相同

3. 多行文本对象textarea

属性,方法,引用与单行文本text对象相同

4. 按钮对象button

当javascript读到标记中的type属性值为button时,自动建立一个按钮对象,并将该对象放到表单对象的elements数组当中

5. 提交按钮对象submit

其属性,方法,引用格式,与按钮对象相同

6. 重置按钮对象reset

其属性,方法,引用格式,与按钮对象相同

7. 单选按钮radio

当javascript读到标记中的type属性值为radio时,自动建立一个单选按钮对象,并将该对象放到表单对象的elements数组当中

8. 复选框对象checkbox

其属性,方法,引用格式,事件与单选按钮对象相同

9. 选择对象select

当javascript读到标记时,自动建立一个单选选择对象,并将该对象放到表单对象的elements数组当中

10. 选项对象option （select的子对象）

本篇文章转载自https://www.cnblogs.com/ruiloveprogramming/archive/2013/04/15/3022436.html，详情可以看原文章呦。