AJAX开发简略续一(1)
2005/12/20 22:55:57
阅读全文(3559) | 回复(1) | 编辑 | 精华
在前一篇文章《AJAX开发简略》中，我们讲述了如何用AJAX来改进设计的用户体验。接下来，我们将讲述如何用AJAX来更新文档，以及处理服务器返回的XML文档。我们的最终目的是接收服务器的返回信息，修改当前文档的内容。是时候让重要人物--DOM粉墨登场了。 7.4、文档对象模型（DOM） 文档对象模型（DOM）是表示文档（比如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API）。一般的，支持Javascript的所有浏览器都支持DOM。本文所涉及的DOM，是指W3C定义的标准的文档对象模型，它以树形结构表示HTML和XML文档，定义了遍历这个树和检查、修改树的节点的方法和属性。 7.4.1、DOM眼中的HTML文档：树 在DOM眼中，HTML跟XML一样是一种树形结构的文档，<html>是根（root）节点，<head>、<title>、<body>是<html>的子（children）节点，互相之间是兄弟（sibling）节点；<body>下面才是子节点<table>、<span>、<p>等等。如下图：500)this.width=500'> 这个是不是跟XML的结构有点相似呢。不同的是，HTML文档的树形主要包含表示元素、标记的节点和表示文本串的节点。 7.4.2、HTML文档的节点 DOM下，HTML文档各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型。这里列出Node常用的几种节点类型： 接口 nodeType常量 nodeType值 备注 Element Node.ELEMENT_NODE 1 元素节点 Text Node.TEXT_NODE 3 文本节点 Document Node.DOCUMENT_NODE 9 document Comment Node.COMMENT_NODE 8 注释的文本 DocumentFragment Node.DOCUMENT_FRAGMENT_NODE 11 document片断 Attr Node.ATTRIBUTE_NODE 2 节点属性 DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象（对于HTML文档，这个就是<html>标记）。Javascript操作HTML文档的时候，document即指向整个文档，<body>、<table>等节点类型即为Element。Comment类型的节点则是指文档的注释。具体节点类型的含义，请参考《Javascript权威指南》，在此不赘述。 Document定义的方法大多数是生产型方法，主要用于创建可以插入文档中的各种类型的节点。常用的Document方法有： 方法 描述 createAttribute() 用指定的名字创建新的Attr节点。 createComment() 用指定的字符串创建新的Comment节点。 createElement() 用指定的标记名创建新的Element节点。 createTextNode() 用指定的文本创建新的TextNode节点。 getElementById() 返回文档中具有指定id属性的Element节点。 getElementsByTagName() 返回文档中具有指定标记名的所有Element节点。 对于Element节点，可以通过调用getAttribute()、setAttribute()、removeAttribute()方法来查询、设置或者删除一个Element节点的性质，比如<table>标记的border属性。下面列出Element常用的属性： 属性 描述 tagName 元素的标记名称，比如<p>元素为P。HTML文档返回的tabName均为大写。
Posted by Qr on 2005/12/20 22:55:57
回复:AJAX开发简略续一(1)
2006/4/19 9:41:35
个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除
由《Ajax开发简略》扩展而来的《Ajax开发精要：概念、案例与框架》（原定名《Ajax开发详解》）已经完成编撰、排版工作，并交付印刷，将于本月底正式面世。该书传承《Ajax开发简略》通俗易懂等有点，从概念、案例与框架三个角度来详细阐述Ajax开发技术，先介绍Ajax的由来、优势及其在Web开发中的地位，接着详细介绍Ajax的各项组成技术、封装、开源和商业框架等各种相关知识，并提供丰富实用的开发案例和综合案例，引导读者一步步地了解并掌握利用Ajax进行Web应用程序开发的方方面面。 现china-pub和dearbook已经可以接受预订。预订地址如下：china-pub：http://www.china-pub.com/computers/common/info.asp?id=30006dearbook：http://www.dearbook.com.cn/book/107080
eamoi(游客)
Posted by eamoi(游客) on 2006/4/19 9:41:35
| 发表评论： |