创新易联欢迎您!16年高端网站建设品牌

网站建设技术:JavaScript对象系统的应用

日期:2014-08-26 | 来源:易联网站建设公司 | 阅读:
       深圳网站建设www.innont.com )作为市场资深品牌,8年来,立足广东,面向全国,已服务过3000多家具有顶级发展潜力的企业,并一直保持良好的合作伙伴关系,成为中国第一高端精品网站设计策划机构,网站建设第一品牌!
 

       使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力。
一、浏览器对象层次及其主要作用
  除了前面提到过的文档document对象外,Navigator浏览器中还提供了窗口(Window)对象以及历史(History)和位置(Location)对象。
  浏览器对象(Navigator)
  提供有关浏览器的信息
  窗口对象(Windows)
  Window对象处于对象层次的最顶端,它提供了处理Navigator窗口的方法和属性。
  位置对象(Location)
  Location对象提供了与当前打开的URL一起工作的方法和属性,它是一个静态的对象。
  历史对象(History)
  History对象提供了与历史清单有关的信息。
  文档对象(Document)
  document对象包含了与文档元素(elements)一起工作的对象,它将这些元素封装起来供编程人员使用。
  编程人员利用这些对象,可以对WWW浏览器环境中的事件进行控制并作出处理。在JavaScript中提供了非常丰富的内部方法和属性,从而减轻了编程人员的工作,提高编程效率。这正是基于对象与面向对象的根本区别所在。在这些对象系统中,文档对象属于非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。
 
二、文档对象功能及其作用
  在Navigator浏览器中,document文档对象是核心是,同时也是最重要的。如下。
  Links:链接对象
  Anchor:锚对象
  Form:窗体对象
  Method:方法
  Prop:对象
  从上可以看出,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。
(3)窗体(Form)对象
  窗体对象是文档对象的一个元素,它含有多种格式的对象储存信息,使用它可以在JavaScript脚本中编写程序进行文字输入,并可以用来动态改变文档的行为。通过document. Forms[]数组来使得在同一个页面上可以有多个相同的窗体,使用forms[]数组要比使用窗体名字要方便得多。
例:下面就是一个使用窗体数组和窗体名字的例子。该程序使得两个窗体中的字段内容保持一致。
Test6_1.htm
<Html>
<head>
</head>
<body>
<form >
<input type=text onChange="document.my.elements[0].value=this.value;" >
</form>
<form NAME="my">
<input type=text onChange="document.forms[0].elements[0].value=this.value;">
</form>
</body>
</html>
  其中用了OnChnge事件(当窗体内容改变时激发)。
使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力。 网页教学网
三、范例
例1:下面我们通过一个例子来说明文档对象的综合应用。输出结果见图6-2所示。

 
 

       本文由深圳网站设计公司:创新互联整理,转载时请保留此链接,谢谢合作!


—— 微信公众号 ——

热门标签