XML学习笔记
XML学习笔记
第一部分:XML简介
我们经常可以听到XML、HTML、XHTML这些语言,后两者比较清楚,一直不是很明白XML是什么,这里做一个总结。
XML(eXtensible Markup Language),即为可扩展标记语言,被用来传输和存储数据,我们使用的JSON传输数据,实际上原来使用的就是XML。
与HTML区别:XML被用来传输和存储数据。
HMTL被用来显示数据。
注意:XML的标签与预定义的HTML标签不同,XML的标签没有被预定义,因此我么需要自行定义标签。
第二部分:XML用途
它可以把数据从HTML分离,因为我们只需要通过使用几行JavaScript代码就可以读去一个外部的XML文件,并更新我们的网页的数据内容。
它还可以创建新的互联网语言。比如XHTML 、作为手持设备的标记语言的WAP和WML等。
第三部分:XML树结构
下面是一个例子:
<?xml version="1.0" encoding="ISO-8859-1"?>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
其中第一行是XML声明:定义了XML为1.0版本,使用的是ISO-8859-1编码。这个是必须的。
第二行中的标签是XML树的根元素。 这个也是必须的。当然,根元素这里设置为note,也可以是其他的。
后面几行中的to from heading body是子元素。子元素中可以嵌套子元素。
第四部分:xml语法
1.所有的XML元素都必须有一个关闭标签,否则是违法的。
2.XML标签对大小写敏感。
3.XML标签必须正确嵌套。
4.XML文档必须要有一个根元素。
5.如果给XML元素添加属性,那么属性值必须有引号。
6.在XML中,不能把< &这些特殊意义的符号放在XML元素中,必须使用实体。
7.XML的注释和Html相似如:<!-- this is a explanation -->
8.XML中空格会被保留。
第五部分:xml元素
即开始标签、内容、结束标签。
注意:xml命名时不能以xml、XML这些开始。
我们可以命名first_name等,不要使用first-name(一些软件会认为这是要从first中减去name) ,不要使用first.name(会被看作对象).
第六部分:xml属性
注意:尽量不要使用属性,使用元素会更好。
属性值必须使用双引号括起来。
属性难以阅读和维护。请尽量使用元素来描述数据。
<note day="" month="" year=""
to="Tove" from="Jani" heading="Reminder"
body="Don't forget me this weekend!">
</note>
上述这种使用了大量的属性的方式是非常愚蠢的!!!!
第七部分:查看XML文件
在所有的主流浏览器中,都可以查看原始的XML文件。
点击下面的链接,即可在浏览器中查看xml文件:
http://www.runoob.com/try/xml/note.xml
点击下面的链接,这是一个有错误的xml文件:
http://www.runoob.com/try/xml/note_error.xml
第八部分:xml解析
所有的现代浏览器都有内建的XML解析器。下面这个例子可以把XML文档解析到XML DOM对象中:
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
其中,xmlhttp.responseXML即为解析之后的XML对象。这样就可以通过Javascript来操作了。
那么怎么来操作呢?看下面这个例子:
<!DOCTYPE html>
<html>
<body>
<h1>W3Cschool Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br>
<b>From:</b> <span id="from"></span><br>
<b>Message:</b> <span id="message"></span>
</div> <script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[].childNodes[].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[].childNodes[].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[].childNodes[].nodeValue;
</script> </body>
</html>
其中,我们得到的responseXML的dom树是这样的:

介绍就到这里吧,要看更多,推荐菜鸟教程。
XML学习笔记的更多相关文章
- delphi操作xml学习笔记 之一 入门必读
Delphi 对XML的支持---TXMLDocument类 Delphi7 支持对XML文档的操作,可以通过TXMLDocument类来实现对XML文档的读写.可以利用TXMLDocum ...
- XML学习笔记(四)-- 修饰XML文档的CSS
标签(空格分隔): 学习笔记 XML为存储结构化数据提供了强大的方法,但是它没有提供关于数据如何显示地信息,(数据的结构与数据表示无关).可以使用CSS来控制XML文档中各元素的呈现方式. CSS语法 ...
- XML学习笔记(三) -- Schema
标签(空格分隔): 学习笔记 Schema的格式 XML Schema文档是由元素.属性.命名空间和XML文档中的其他节点构成的. XML Schema有两种重要的Schema模型:Microsoft ...
- XML学习笔记(二)-- DTD格式规范
标签(空格分隔): 学习笔记 XML的一个主要目的是允许应用程序之间自由交换结构化的数据,因此要求XML文档具有一致的结构.业务逻辑和规则.可以定义一种模式来定义XML文档的结构,并借此验证XML文档 ...
- XML学习笔记之XML的简介
最近,自学了一段时间xml,希望通过学习笔记的整理能够巩固一下知识点,也希望把知识分享给你们(描红字段为重点): XML(extensible Markup language):可扩展的标记语言,解决 ...
- Python之xml学习笔记
XML处理模块 xml是实现不同语言或程序之间进行数据交换的协议,跟json差不多,但json使用起来更简单,至今很多传统公司如金融行业的很多系统的接口还主要是xml. xml的格式如下,就是通过&l ...
- XML学习笔记(2)--dom4j操作XML
1. 介绍(四种方式的比较这部分转载自:http://www.blogjava.net/xcp/archive/2010/02/12/312617.html) 1)DOM(JAXP Crimson解析 ...
- XML学习笔记(1)--XML概述
XML基本概念 XML—extensible Markup Language(可扩展标记语言) XML最基本的三个概念 1)XML语言---描述事物本身(可扩展) 2)XSL语言---展现事物表现形式 ...
- XML学习笔记7——XSD实例
在前面的XSD笔记中,基本上是以数据类型为主线来写的,而在我的实际开发过程中,是先设计好了XML的结构(元素.属性),并写好了一份示例,然后再反过来写XSD文件(在工具生成的基础上修改),也就是说,是 ...
随机推荐
- 在Go语言中使用JSON(去掉空字段)
Encode 将一个对象编码成JSON数据,接受一个interface{}对象,返回[]byte和error: func Marshal(v interface{}) ([]byte, error) ...
- Error: [ng:areq]
错误描述:Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=HelloCtrl&p1=not%20a%20functi ...
- 转 浅谈算法和数据结构: 十 平衡查找树之B树
前面讲解了平衡查找树中的2-3树以及其实现红黑树.2-3树种,一个节点最多有2个key,而红黑树则使用染色的方式来标识这两个key. 维基百科对B树的定义为"在计算机科学中,B树(B-tre ...
- 转 Linux日志文件系统及性能分析
日志文件系统可以在系统发生断电或者其它系统故障时保证整体数据的完整性,Linux是目前支持日志文件系统最多的操作系统之一,本文重点研究了Linux常用的日志文件系统:EXT3.ReiserFS.XFS ...
- 开发错误12:gradle编译错误:Conflict with dependency com.android.support:support-annotations
在build.gradle中的configurations.all {}下添加:resolutionStrategy.force 'com.android.support:support-annota ...
- hdu3555 数位dp
Bomb Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/65536 K (Java/Others) Total Subm ...
- Maven-搭建maven web项目
点击Eclipse菜单File->New->Other->Maven->Maven Project 在选择maven-archetype的界面进行如下操作:(其他选项基本与创建 ...
- 动画: ThemeTransition(过渡效果)
介绍背水一战 Windows 10 之 动画 ThemeTransition 的概述 EntranceThemeTransition - 页面间跳转时的过渡效果 ContentThemeTransit ...
- dede使用方法----调用导航
在这里,极力推荐学习dede的朋友们观看老李的零基础织梦仿站系列课程的视频,讲的超级棒的~~ 网址链接是:http://www.dede888.com/15daylessons.html. 好了,言归 ...
- css 去除 a,checkbox 框 出现虚线
在开发过程中遇到checkbox框,第一次遇到还以为是系统自带的是这样 后来发现不是那样, 我们可以在使用css 去掉出现的虚线框,以下是我的解决方案代码: /* checkbox 去掉虚框*/:fo ...