JavaScript对象系统的使用

使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力。

一、浏览器对象层次及其主要作用

除了前面提到过的文档document对象外,Navigator浏览器中还提供了窗口(Window)对象以及历史(History)和位置(Location)对象。

浏览器对象(Navigator)

提供有关浏览器的信息

窗口对象(Windows)

Window对象处于对象层次的最顶端,它提供了处理Navigator窗口的方法和属性。

位置对象(Location)

Location对象提供了与当前打开的URL一起工作的方法和属性,它是一个静态的对象。

历史对象(History)

History对象提供了与历史清单有关的信息。

文档对象(Document)

document对象包含了与文档元素(elements)一起工作的对象,它将这些元素封装起来供编程人员使用。

编程人员利用这些对象,可以对WWW浏览器环境中的事件进行控制并作出处理。在JavaScript中提供了非常丰富的内部方法和属性,从而减轻了编程人员的工作,提高编程效率。这正是基于对象与面向对象的根本区别所在。在这些对象系统中,文档对象属于非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。

二、文档对象功能及其作用

在Navigator浏览器中,document文档对象是核心是,同时也是最重要的。见表6-1所示。

Links Anchor Form Method Prop
链接对象 锚对象 窗体对象 方法 对象

表6-1 document对象

从表6-1中可以看出,document对象的主要作用就是把这些基本的元素(如links,anchor等)包装起来,提供给编程人员使用。从另一个角度看,document对象中又是由属性和方法组成。

1、document中三个主要的对象

在document中主要有:links,anchor,form等三个最重要的对象:

(1)anchor锚对象:

anchor对象指的是<A Name=...> </A>标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。

(2)链接links对象

link对象指的是用<A Href=...> </A>标记的连接一个超文本或超媒体的元素作为一个特定的URL。

时间: 2024-12-23 18:47:01

JavaScript对象系统的使用的相关文章

使用的JavaScript对象系统

使用浏览器的内部对象系统, 可实现与HTML文档进行交互.它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力. 一.浏览器对象层次及其主要作用 除了前面提到过的文档document对象外,Navigator浏览器中还提供了窗口(Window)对象以及历史(History)和位置(Location)对象. 浏览器对象(Navigator) 提供有关浏览器的信息 窗口对象(Windows) Window对象处于对象层次的最顶端,它提供了处理Nav

JavaScript对象学习小结_javascript技巧

JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 在JavaScript中,几乎用到的每个js都离不开它的对象.下面我们深入了解一下js对象. js中对象的分类跟之前我们学过的语言中函数的分类一样,一个是系统自带的叫预定义对象,一个是用户自己写的叫自定义对象. 大体内容如下图所示:  一:核心对象 1.Array对象 数组对象,用来创建数组,使用new 创建 常用的方法如下图: 常用属性:

javascript获取系统当前时间的方法_javascript技巧

本文实例讲述了javascript获取系统当前时间的代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title>获取时间</title> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){

JavaScript[对象.属性]集锦之三

javascript|对象 string对象 string对象为操作字符串的内容提供了很多方法. 属性 length 字符串的长度,即字符串中字符的个数. 方法 big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size) 以上方法为字符串增加相应的HTML标记. charAt(index) 返回字符串中index处的字符. indexOf(searchVal

JavaScript[对象.属性]集锦之二

javascript|对象 复选框(checkbox)对象 属性 name NAME属性的字符串值. value 复选框内容的字符串值.如果设置了,则为"on",否则为"off". checked 复选框内容的布尔值.如果设置了,则为true,否则为false . defaultChecked 反映(CHECKED)属性的布尔值(缺省状态). 方法 click() 选定复选框,并使之状态为"on". 事件处理器 onClick 当用户单击Chec

JavaScript[对象.属性]集锦之一

javascript|对象 SCRIPT 标记 用于包含javascript代码. 语法 属性 LANGUAGE 定义脚本语言 SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. feames.length 子桢个数. self 当前窗口. parent 父窗口(当前窗口是中一个子窗口). top 顶层窗口(是所有可见窗口的父窗口). status 浏览器状态窗口上的消息.

JavaScript对象与数组参考大全

javascript|参考|对象|数组 本文列举了各种javascript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的. 顺便提一下,记住,这里把所有作为另一

JavaScript对象及继承教程之内置对象(1)

一. 类与对象 在 JavaScript 世界里,关于面向对象第一个要澄清的概念就是类.对象都是有类来定义的,通过类来创建对象就是我们所熟悉的实例化.然而,在 JavaScript 中别没有真正的类,对象的定义就是对象自身.而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂.为了方便理解,我通常把这个发挥类的作用的调和剂称为类. 二. 内置对象 1. Array类 数组在 js 中是非常常用的一种数据结构,由于其灵活性和易用性,合理的使用数组可以帮助我们更好的实现相应的功能. 让我们先

JavaScript对象与数组参考大全1

javascript|参考|对象|数组 本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的. 顺便提一下,记住,这里把所有作为另一