在之前的博文中提过,HTML和XML相互补充。前者负责数据的显示,而后者则负责数据的存储。
而Javascript则负责实现两者之间的交互操作。例如读取XML中数据的操作就放在Javascript模块中。
首先来看用来操作HTML和XML的接口:
HTML DOM和XML DOM是相似的两种接口。它们分别将HTML文件和XML文件解析成为树状结构,文件中的标签全部作为节点。然后利用DOM中提供的各种函数来获取并操作节点。
获得HTML文件的接口比较简单,其实这是浏览器自动生成的。
当浏览器打开一个窗口时,会自动为HTML文档创建一个名为window的Window对象(Window对象是JS层次中的顶层对象)。
当在该窗口载入某个网页(即某个HTML文档时),浏览器会将该文档解析成为一个Document对象,并将其赋给window的document属性。
之后就可以通过利用document来对当前的HTML文档进行操作了。
最常用的操作方法就是给HTML文档中的每个标签都添加一个id,然后利用getElementByID()方法来获取该标签,然后使用innerHTML属性来获取开始和结束标签之间的内容(该属性的值是一个字符串)。
获得XML文件的接口稍微复杂些,需要用户使用JS语句来手动生成。
详见上上篇博文“XML文档解析”,这里就不重复了。简单点说,核心就是利用JS中的XMLHttpRequest对象。
操作XML文档的常用方法是利用XML DOM中的方法,比如getElementsByTagName_r()。
注:上述这些操作均在Javascript代码中实现。即HTML文档中的<script>标签内
相关推荐
如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,你会不停的问,HTML是什么?CSS是什么?XML...
JAVASCRIPT+HTML+XML及DIV的层关系应用,是初学者的好借鉴。 XML分页技术,加快了网页的浏览速度,翻页效率。 JS参数传递,实现无跳页播放,让大家体现真正的“流畅”。后台目录名随意改。 ======================...
12.1.4 HTML结构和DOM对象的关系--用JavaScript通过DOM来操作HTML文档 12.2 DOM与浏览器实现 12.2.1 关于DOM HTML API 12.2.2 DOM的级别和特性 12.2.3 DOM的一致性 12.2.4 差异性--浏览器的...
web前台技术之间的关系html,css,javascript,xml、HTML DOM,SGML,XHTML,DHTML,Expression,XMLHTTP,XSLT,AJAX等技术以及网页制作概念等
虽然有越来越多的XML社团在不断涌现并提出崭新的超出W3C控制之外的与XML相关的想法,但W3C对于XML的开发来说,仍然是非常重要并处于中心地位的。本书的焦点集中在如何使XML与现实生活中的应用结合在一起。它展示了很...
可是一大堆的概念和术语往往让人望而生畏,很多朋友问我:XML到底有什么用,我们是否需要学习它?我想就我个人学习过程的心得和经验,写一篇比较全面的介绍文章。首先有两点是需要肯定的: 第一:XML肯定是未来的...
JAVASCRIPT+HTML+XML及DIV的层关系应用,是初学者的好借鉴。 XML分页技术,加快了网页的浏览速度,翻页效率。 JS参数传递,实现无跳页播放,让大家体现真正的“流畅”。后台目录名随意改。 ======================...
一、JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262...
《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...
本书不仅适合初学者系统学习,也适合有经验的 JavaScript 开发者随手翻阅。 作者简介 DavidFlanagan是一名程序员,也是一名作家,它的个人网站是 。他在O’Reilly出版的其他畅销书还包括《JavaScriptPocket ...
本书不仅适合初学者系统学习,也适合有经验的 JavaScript开发者随手翻阅。 《JavaScript权威指南(第6版)》是程序员学习核心JavaScript语言和由WEB浏览器定义的JavaScript API的指南和综合参考手册。 《JavaScript...
《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...
JavaScript库,用于对HTML和XML进行有效的DOM操作。 jOOX的名称受到启发, 是一种用于SQL构建和执行的流利的API。 依存关系 java.sql java.xml java.xml.bind 下载 适用于Java 9+ < groupId>org.jooq ...
4.9 关系表达式74 4.10 逻辑表达式79 4.11 赋值表达式81 4.12 表达式计算83 4.13 其他运算符86 第5章 语句91 5.1 表达式语句92 5.2 复合语句和空语句92 5.3 声明语句94 5.4 条件语句96 5.5 ...
在上篇文章给大家介绍了javascript jquery ajax的小结,今天接着给大家介绍javascript jquery与ajax的关系,感兴趣的朋友一起学习吧 简单总结: 1、JS是一门前端语言。 2、Ajax是一门技术,它提供了异步更新的机制...
4.9 关系表达式74 4.10 逻辑表达式79 4.11 赋值表达式81 4.12 表达式计算83 4.13 其他运算符86 第5章 语句91 5.1 表达式语句92 5.2 复合语句和空语句92 5.3 声明语句94 5.4 条件语句96 5.5 ...