xml学习笔记

最新推荐文章于 2024-09-01 18:36:00 发布
最新推荐文章于 2024-09-01 18:36:00 发布
阅读量182 收藏
点赞数
文章标签： xml 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52798101/article/details/126360650
版权

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>
小墩墩~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
XML学习笔记
一名小白的进阶之路
02-06 847
一、XML作用 1、可以用来保存数据; 2、可以用来做配置文件; 3、数据传输载体; 二、文档声明 1、简单声明，version：解析这个xml的时候，使用什么版本的解析器解析 <?xml version="1.0" ?> 2、encoding：解析xml中的文字的时候，使用什么编码去解析翻译 <?xml version="1.0" encoding="gbk"...
DOMParse()手动解析DOM树
qq_58062502的博客
08-30 1444
使用DOMParser的parseFromString(fragment, mineType)方法需要传两个参数，第一个是DOM字符串，第二位用于确定方法返回的类型。这里给大家介绍一个浏览器API，我们都知道浏览器在渲染时，DOM文档会被解析生成DOM树，而此过程它就需要靠DOMParse这个API来完成。使用默认浏览器打开实践操作部分新建和编写的程序，就会发现程序已经在控制台获取，并打印了parseTagContent函数解析的DOM字符串的纯文本，效果如下图所示。是这样定义的，DOMParser。
javascript基础学习系列三百五十五：DOMParser类型
wanmeijuhao的博客
02-01 1054
Firefox 专门为把 XML 解析为 DOM 文档新增了 DOMParser 类型，后来所有其他浏览器也实现了该 类型。要使用 DOMParser，需要先创建它的一个实例，然后再调用 parseFromString()方法。这个方 法接收两个参数:要解析的 XML 字符串和内容类型(始终应该是"text/html")。返回值是 Document 的实例。
dom parser
FIGHTING!!!
06-20 1900
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 把 字符串格式的HTML文档源码 转换成 document DOM对象
wuyujin1997的博客
10-31 4569
# Intro有一天我在写爬虫。其实也说不上是爬虫，就是打开浏览器上网，觉得页面有些数据挺有意思，就打开开发者工具，在 Network/Console 中通过 javascript 原生的 fetch 方法 批量、自动地请求一些web资源。其中有一个关节，是以下的需求：有一些字符串格式的HTML源码，需要将其转换为 document 对象(DOM对象)，这样我就可以在 console 直接使用选择器(selector)对该HTML文档的文本内容进行过滤清洗处理。
DOMParser解析xml
03-26
NULL 博文链接：https://wang-peng1.iteye.com/blog/1145047
asp.net Linq to Xml学习笔记
01-01
以下是项目中某个底层的代码，记下做个备忘，如果能给新手学习Linq to Xml带来帮助，那就再好不过了 XML文件的格式： 代码如下: <?xml version=”1.0″ encoding=”utf-8″?> <configuration> ...
Xml学习笔记.pdf
09-27
由于提供的文件信息中包含了大量的XML学习资料，且内容比较丰富，我们将逐一详细解释这些内容所涵盖的知识点。 **XML简介** XML是Extensible Markup Language（可扩展标记语言）的缩写，它是一种用于标记电子文件...
JS解析XML文件和XML字符串
weixin_30770783的博客
10-29 157
JS解析XML文件 <scripttype='text/javascript'>loadXML=function(xmlFile){varxmlDoc=null;//判断浏览器的类型//支持IE浏览器if(!window.DOMParser&&window....
javascript基础从小白到高手系列五百零七：DOMParser 类型
wanmeijuhao的博客
04-10 372
Firefox 和Opera 此时会返回document 元素为的文档，而在Chrome 和Safari 返回的文。要使用DOMParser，需要先创建它的一个实例，然后再调用parseFromString()方法。档传给serializeToString()时，这个文档会被当成XML 文档，因此得到的结果是格式良好的。DOMParser 只能解析格式良好的XML，因此不能把HTML 解析为HTML文档。档中，是的第一个子元素。这个例子中解析的XML 字符串少一个标签，因此会导致解析错误。
XML学习笔记（三）--- 通过JavaScript解析XML
Dennis学习小站
01-08 335
以下内容多为笔者在菜鸟教程中的摘抄，主要用于个人学习，如侵权请联系我删除 XML解析器 XML 解析器把 XML 文档转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。 解析XML文档： if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari //创建一个XMLHttp...
解析 XML DOM
abk41712的博客
04-30 157
通过微软的 XML 解析器加载 XML 微软的 XML 解析器内建于 Internet Explorer 5 及更高版本中。 下面的 JavaScript 片段把 XML 文档 ("books.xml") 载入了解析器： xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; xmlDoc.load...
将字符串转换为DOM节点
Web 开发&软件开发
08-03 7350
将字符串转换为DOM节点 我的原始文章介绍了DOMParser ，这是一个JavaScript API，用于将HTML字符串转换为DOM节点。 尽管DOMParser在大多数情况下都能很好地工作，但是该API确实有一些粗糙之处，并且不如另一个API： ContextualFragment性能强。 我已将这篇文章改写为突出显示ContextualFragment ，但是如果您仍然想了解DOM...
xml获取对象工具类
最新发布
z2768557792的博客
09-01 255
【代码】xml获取对象工具类。
"XML学习笔记：标记语言历史、发展与技术革命
XML学习笔记 XML技术是Internet技术的又一次革命。本笔记记录了标记语言的历史和发展，以及我个人的学习历程。 XML（可扩展标记语言）是一种用于描述数据的标记语言，被广泛应用于数据交换和存储中。XML的出现使得...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小墩墩~

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

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

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

打赏作者

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

抵扣说明：

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

余额充值