xml学习笔记

最新推荐文章于 2025-01-10 11:32:48 发布
原创 最新推荐文章于 2025-01-10 11:32:48 发布 · 245 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#xml #学习 #前端

XML是一种可扩展标记语言，设计用于传输和存储数据，而非展示数据。它具有自我描述性，用于简化数据共享，从HTML中分离内容，并在不同平台间迁移。XML文档有树形结构，每个文档必须有一个根元素。属性和元素是XML结构的关键部分，其中元素是可扩展的。XML可以通过DTD或XML Schema进行验证，确保文档结构正确。此外，XML与CSS、XSLT结合使用可以改变显示样式，XMLHttpRequest用于在后台与服务器交换数据，DOM解析器则用于操作XML文档。XML命名空间用于避免元素名冲突，常在XSLT中处理多种格式的数据转换。

xml

简介

什么是xml？

  • 可扩展标记语言

  • 很像HTML

  • 设计宗旨是传输数据 > >>>> xml，而不是显示数据 >>>> html

  • 标签没有被自定义，需要自定义标签

  • 其设计具有自我描述性

  • 不会做任何事情，它是被设计用来结构化、存储以及传输信息

用途

  • 用于简化数据的存储和共享
  • 把数据从HTML中分离
  • 简化平台变更
  • 使数据更有用
  • 很多互联网语言使xml创建的

XML树结构

xml文档形成一种树结构

XML语法

  1. xml文档必须有根元素，是所有其他元素的父类

    <note>
  <to>Tove</to>
  <from>Jani</from>
  <heading>Reminder</heading>
  <body>Don't forget me this weekend!</body>
</note>

    上面例子中note就是根元素

  2. 声明

    <?xml version="1.0" encoding="utf-8"?>

  3. 对大小写敏感，标签要用小写

  4. 注意要正确嵌套

  5. 给属性赋值的时候必须加引号 如：<note date="12/11/2007">

  6. 实体引用 :

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iqJrghWW-1660616611334)(D:\myDownloads\typora\img\image-20220806105210358.png)]

  7. 注释：<!-- -->

  8. 空格会被保留，多个空格会合并成一个

  9. 以 LF 存储换行。

XML元素

xml元素是指从 开始标签 到 结束标签的部分

一个元素可以包含：其他元素、文本、属性、或者混合上面三个

XML 元素必须遵循以下命名规则：

  • 名称可以包含字母、数字以及其他的字符
  • 名称不能以数字或者标点符号开始
  • 名称不能以字母 xml（或者 XML、Xml 等等）开始
  • 名称不能包含空格

可使用任何名称，没有保留的字词

xml元素是可以扩展的

XML属性

  • 属性通常提供不属于数据组成部分的信息
  • 属性必须加引号
  • 如果属性的信息看起来很像数据，那就用元素吧
  • 元数据（有关数据的数据）应当存储为属性，而数据本身应当存储为元素。

总结：能用元素就不要用属性

XML验证

通过 DTD 验证的XML是"合法"的 XML。

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE note SYSTEM "Note.dtd">
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

上面例子中，DOCTYPE声明是对外部DTD文件的引用

xml DTD

DTD 的目的是定义 XML 文档的结构。它使用一系列合法的元素来定义文档结构：

<!DOCTYPE note
[
<!ELEMENT note (to,from,heading,body)>
<!ELEMENT to (#PCDATA)>
<!ELEMENT from (#PCDATA)>
<!ELEMENT heading (#PCDATA)>
<!ELEMENT body (#PCDATA)>
]>

XML Schema

基于 XML 的 DTD 代替者

<xs:element name="note">

<xs:complexType>
<xs:sequence>
<xs:element name="to" type="xs:string"/>
<xs:element name="from" type="xs:string"/>
<xs:element name="heading" type="xs:string"/>
<xs:element name="body" type="xs:string"/>
</xs:sequence>
</xs:complexType>

</xs:element>

XML 验证器

在XML菜鸟教程中有验证器，把代码放进去，就可以验证是否正确

XML 的显示

用css显示

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>

把上面这个代码，复制到声明的下面，即可用css显示xml

用XSLT显示

XSLT 是首选的 XML 样式表语言，它比css更加完善

XSLT 是在浏览器显示 XML 文件之前，先把它转换为 HTML

XML javascript

xml HttpRequest

  • 创建xml HttpRequest

    xmlhttp=new XMLHttpRequest();

XML解析器

解析 XML 文档

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;

解析 XML 字符串

txt="<bookstore><book>";
txt=txt+"<title>Everyday Italian</title>";
txt=txt+"<author>Giada De Laurentiis</author>";
txt=txt+"<year>2005</year>";
txt=txt+"</book></bookstore>";

if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}

XML DOM

  • 定义了访问和操作 XML 文档的标准方法。
  • XML DOM 把 XML 文档作为树结构来查看。
  • 所有元素可以通过 DOM 树来访问。可以修改或删除它们的内容，并创建新的元素。元素，它们的文本，以及它们的属性，都被认为是节点。

加载一个 XML 文件 - 跨浏览器实例

<!--  Edited by XMLSpy®  -->
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

<!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")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

加载一个 XML 字符串 - 跨浏览器实例

<html>
<body>
<h1>W3Schools 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>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";

if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>

XML 命名空间

命名空间是在元素的开始标签的 xmlns 属性中定义的。

命名空间声明的语法：xmlns:前缀=“URI”。

如：

<root>
<h:table xmlns:h="http://www.w3.org/TR/html4/">
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>

<f:table xmlns:f="http://www.w3cschool.cc/furniture">

......
</root>

当命名空间被定义在元素的开始标签中时，所有带有相同前缀的子元素都会与同一个命名空间相关联。

即：在root开始标签中加入

<root xmlns:h="http://www.w3.org/TR/html4/"
xmlns:f="http://www.w3cschool.cc/furniture">

实际使用中的命名空间

XSLT 是一种用于把 XML 文档转换为其他格式的 XML 语言，比如 HTML。

在下面的 XSLT 文档中，您可以看到，大多数的标签是 HTML 标签。

非 HTML 的标签都有前缀 xsl，并由此命名空间标识：xmlns:xsl=“http://www.w3.org/1999/XSL/Transform”：

例子如下：

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr>
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>

</xsl:stylesheet>
xml 学习笔记
03-08
XML，全称为eXtensible Markup Language，是一种用于标记电子文件的、具有结构化的标记语言。它的主要目的是为了传输和存储数据，而不是用于显示数据，这与HTML的主要用途形成了鲜明对比。XML允许用户自定义标签，...
DOMParse()手动解析DOM树
qq_58062502的博客
08-30 2519
使用DOMParser的parseFromString(fragment, mineType)方法需要传两个参数，第一个是DOM字符串，第二位用于确定方法返回的类型。这里给大家介绍一个浏览器API，我们都知道浏览器在渲染时，DOM文档会被解析生成DOM树，而此过程它就需要靠DOMParse这个API来完成。使用默认浏览器打开实践操作部分新建和编写的程序，就会发现程序已经在控制台获取，并打印了parseTagContent函数解析的DOM字符串的纯文本，效果如下图所示。是这样定义的，DOMParser。
javascript基础学习系列三百五十五：DOMParser类型
wanmeijuhao的博客
02-01 1248
Firefox 专门为把 XML 解析为 DOM 文档新增了 DOMParser 类型，后来所有其他浏览器也实现了该 类型。要使用 DOMParser，需要先创建它的一个实例，然后再调用 parseFromString()方法。这个方 法接收两个参数:要解析的 XML 字符串和内容类型(始终应该是"text/html")。返回值是 Document 的实例。
dom parser
FIGHTING!!!
06-20 2060
try{ var strXml="\"http://www.baidu.com\" si-id=\"1\" action=\"signal-low\">Medium\"http://www.taobao.com\" action=\"delete\">"; //在gecko中使用 To create a DOMParser when the constructor is n
javascript基础从小白到高手系列五百零七：DOMParser 类型
wanmeijuhao的博客
04-10 487
Firefox 和Opera 此时会返回document 元素为的文档，而在Chrome 和Safari 返回的文。要使用DOMParser，需要先创建它的一个实例，然后再调用parseFromString()方法。档传给serializeToString()时，这个文档会被当成XML 文档，因此得到的结果是格式良好的。DOMParser 只能解析格式良好的XML，因此不能把HTML 解析为HTML文档。档中，是的第一个子元素。这个例子中解析的XML 字符串少一个标签，因此会导致解析错误。
XML DOM 解析器概述
Free雅轩的博客
02-26 275
大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。解析器把 XML 转换为 JavaScript 可存取的对象（XML DOM）。 XML 解析器 XML DOM 包含了遍历 XML 树，访问、插入及删除节点的方法（函数）。 然而，在访问和操作 XML 文档之前，它必须加载到 XML DOM 对象。 XML 解析器读取 XML，并把它转换为 XML DOM 对象，这样才可以使用 JavaScript 访问它。 大多数浏览器有一个内建的 XML 解析器。 加载 XML 文档 下
XML学习笔记
10-05
### XML学习笔记 #### 一、XML基础知识 **1. 元素** 在XML文档中，元素是最基本的构成单位，由名称与类型组成。其中类型可以是简单类型（Simple Type）或复合类型（Complex Type）。例如，在下面的示例中，“书本...
Xml学习笔记.pdf
09-27
由于提供的文件信息中包含了大量的XML学习资料，且内容比较丰富，我们将逐一详细解释这些内容所涵盖的知识点。 **XML简介** XML是Extensible Markup Language（可扩展标记语言）的缩写，它是一种用于标记电子文件...
js常用的技巧1-1
qq_50343953的博客
07-14 481
js常用技巧
JS解析XML文件和XML字符串
weixin_30770783的博客
10-29 199
JS解析XML文件 <scripttype='text/javascript'>loadXML=function(xmlFile){varxmlDoc=null;//判断浏览器的类型//支持IE浏览器if(!window.DOMParser&&window....
javascript 原生类 DOMParser 把 字符串格式的HTML文档源码 转换成 document DOM对象
wuyujin1997的博客
10-31 5459
# Intro有一天我在写爬虫。其实也说不上是爬虫，就是打开浏览器上网，觉得页面有些数据挺有意思，就打开开发者工具，在 Network/Console 中通过 javascript 原生的 fetch 方法 批量、自动地请求一些web资源。其中有一个关节，是以下的需求：有一些字符串格式的HTML源码，需要将其转换为 document 对象(DOM对象)，这样我就可以在 console 直接使用选择器(selector)对该HTML文档的文本内容进行过滤清洗处理。
Chromium 中window.DOMParser接口说明c++
杰克东的专栏
10-15 952
注意：parseFromString返回的是document// 返回一个 Document 对象，但不是 SVGDocument，也不是 HTMLDocument// 返回一个 SVGDocument 对象，同时也是一个 Document 对象。// 返回一个 HTMLDocument 对象，同时也是一个 Document 对象。
javascript基础从小白到高手系列二百零七：DOMParser 类型
wanmeijuhao的博客
03-28 443
Firefox 和Opera 此时会返回document 元素为的文档，而在Chrome 和Safari 返回的文。要使用DOMParser，需要先创建它的一个实例，然后再调用parseFromString()方法。档传给serializeToString()时，这个文档会被当成XML 文档，因此得到的结果是格式良好的。DOMParser 只能解析格式良好的XML，因此不能把HTML 解析为HTML文档。档中，是的第一个子元素。这个例子中解析的XML 字符串少一个标签，因此会导致解析错误。
DOMParser踩坑
m0_57181427的博客
08-14 857
今天在做一个微信掷骰子机器人的时候遇到问题。
XML 基础介绍
Lyrelion的博客
03-14 2481
XML 是独立于软件和硬件的信息传输工具，这篇博客是对 XML 的基本介绍
javascript基础从小白到高手系列三千二百零七：DOMParser 类型
最新发布
wanmeijuhao的博客
01-10 331
Firefox 和Opera 此时会返回document 元素为的文档，而在Chrome 和Safari 返回的文。要使用DOMParser，需要先创建它的一个实例，然后再调用parseFromString()方法。档传给serializeToString()时，这个文档会被当成XML 文档，因此得到的结果是格式良好的。DOMParser 只能解析格式良好的XML，因此不能把HTML 解析为HTML文档。档中，是的第一个子元素。这个例子中解析的XML 字符串少一个标签，因此会导致解析错误。
XML--- XML文档类型定义(DTD)
Me丿以卿之名
06-25 7648
**定义：**DTD定义了文档的逻辑结构，规定了文档中所使用的元素、实体、元素的属性、元素与实体之间的关系。其作用主要表现在以下几个方面。 (1) 使用DTD可以提供一种统一的格式。XML的可扩展性为文档的作者提供了很高的灵活性，可有时候需要的是统一，要求某一类文档具有相同的结构。 (2) 使用DTD可以保证数据交流和共享的顺利进行。 (3) DTD使用户能够不依赖具体的数据就知道文档的逻辑结
"XML学习笔记：标记语言历史、发展与技术革命
XML学习笔记 XML技术是Internet技术的又一次革命。本笔记记录了标记语言的历史和发展，以及我个人的学习历程。 XML（可扩展标记语言）是一种用于描述数据的标记语言，被广泛应用于数据交换和存储中。XML的出现使得...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小墩墩~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值