浏览器对象及层次关系

目录

一、window对象二、二级对象1. history对象2. location对象3. frame对象4. document对象 三、document对象的下级对象1. 锚点对象anchor2. 链接对象link3. 图象对象image4. 表单对象form 四、form的下级对象1. 单行文本对象text2. 密码对象password3. 多行文本对象textarea4. 按钮对象button5. 提交按钮对象submit6. 重置按钮对象reset7. 单选按钮radio8. 复选框对象checkbox9. 选择对象select10. 选项对象option （select的子对象）

一、window对象

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

书写格式:

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

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

浏览器外观:

常见方法:

工具栏功能

二、二级对象

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，详情可以看原文章呦。