浏览器对象及层次关系

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值