XML与HTML以及JavaScript有什么关系

阅读更多

在之前的博文中提过,HTML和XML相互补充。前者负责数据的显示,而后者则负责数据的存储

而Javascript则负责实现两者之间的交互操作。例如读取XML中数据的操作就放在Javascript模块中。

 

首先来看用来操作HTML和XML的接口:

HTML DOMXML 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文档中的

你可能感兴趣的:(XML,HTML,JavaScript)