一、XML基础

XML主要用途（我认为就这三点）：

　　XML 把数据从 HTML 分离
　　XML 简化数据共享
　　XML 简化数据传输

XML 语法规则：

  • XML 文档必须有根元素
  • XML 文档必须有关闭标签
  • XML 标签对大小写敏感
  • XML 元素必须被正确的嵌套
  • XML 属性必须加引号        例如：<note date="08/08/2008">
  • XML 注释 ： <!-- This is a comment -->

例如：

<?xml version="1.0" encoding="ISO-8859-1"?>　　　　　　　　　　//定义 XML 的版本 (1.0) 和所使用的编码 (ISO-8859-1 = Latin-1/西欧字符集)。

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>　　//引用css文件

<?xml-stylesheet type="text/xsl" href="simple.xsl"?>　　　　//使用XLST

<note>　　　　　　　　　　　　　　　　　　　　　　　　　　//根元素 note

　　<to>George</to>　　　　　　　　　　　　　　　　　　　//子元素 to

　　<from>John</from>　　　　　　　　　　　　　　　　　　//子元素 from

　　<heading>Reminder</heading>

　　<body>Don't forget the meeting!</body>

</note>

　　

在 XML 中， 5 个预定义的实体引用：

&lt; < 小于
&gt; > 大于
&amp; & 和号
&apos; ' 单引号
&quot; " 引号 



二、高级


1、使用前缀来避免命名冲突




<h:table>

　　<h:tr>

　　　　<h:td>Apples</h:td>

　　　　<h:td>Bananas</h:td>

　　</h:tr>

</h:table>





2、让XML解析器不解析：


CDATA 部分由 "<![CDATA[" 开始，由 "]]>" 结束：




<script>

<![CDATA[

function matchwo(a,b)

{

if (a < b && a < 0) then

  {

  return 1;

  }

else

  {

  return 0;

  }

}

]]>

</script>





　　


三、XML JavaScript



1、XMLHttpRequest 对象用于在后台与服务器交换数据
创建 XMLHttpRequest 对象的语法：




xmlhttp=new XMLHttpRequest();




老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：




xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");




XML / ASP
把 XML 文档打开并发送到服务器上的 ASP 页面，分析此请求，然后传回结果。




<html>

<body>

<script type="text/javascript">

xmlHttp=null;

if (window.XMLHttpRequest)

{// code for IE7, Firefox, Opera, etc.

xmlHttp=new XMLHttpRequest();

}

else if (window.ActiveXObject)

{// code for IE6, IE5

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

if (xmlHttp!=null)

{

xmlHttp.open("GET", "note.xml", false);

xmlHttp.send(null);

xmlDoc=xmlHttp.responseText;

xmlHttp.open("POST", "demo_dom_http.asp", false);

xmlHttp.send(xmlDoc);

document.write(xmlHttp.responseText);

}

else

{

alert("Your browser does not support XMLHTTP.");

}

</script>

</body>

</html>





2、XML DOM


XML DOM (XML Document Object Model) 定义了访问和操作 XML 文档的标准方法。


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


在下面的例子中，我们使用 DOM 引用从 <to> 元素中获取文本：




xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue




xmlDoc -由解析器创建的 XML 文档
getElementsByTagName("to")[0] - 第一个 <to> 元素
childNodes[0] - <to> 元素的第一个子元素（文本节点）


HTML DOM
HTML DOM (HTML Document Object Model) 定义了访问和操作 HTML 文档的标准方法。


可以通过 HTML DOM 访问所有 HTML 元素。


在下面的例子中，我们使用 DOM 引用来改变 id="to" 的 HTML 元素的文本：




document.getElementById("to").innerHTML=





示例，把一个 XML 文档 ("note.xml") 载入 XML 解析器中：




<html>

<body>

<h1>W3School.com.cn Internal Note</h1>

<p><b>To:</b> <span id="to"></span><br />

<b>From:</b> <span id="from"></span><br />

<b>Message:</b> <span id="message"></span>

<script type="text/javascript">

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>





3、


在 HTML 中显示 XML 数据


遍历一个 XML 文件 (cd_catalog.xml)，把每个 CD 元素显示为一个 HTML 表格行：




<html>

<body>

<script type="text/javascript">

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","cd_catalog.xml",false);

xmlhttp.send();

xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");

var x=xmlDoc.getElementsByTagName("CD");

for (i=0;i<x.length;i++)

{

document.write("<tr><td>");

document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);

document.write("</td><td>");

document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);

document.write("</td></tr>");

}

document.write("</table>");

</script>

</body>

</html>





　　
												


											
[Grt]一篇简单概括XML的更多相关文章
	

    
								
  1. iOS开发——适配篇&App适配简单概括
		
    App适配简单概括 1:适配:适应.兼容各种不同的情况 系统适配 针对不同版本的操作系统进行适配 屏幕适配 针对不同大小的屏幕尺寸进行适配 在用户眼中 屏幕是由无数个像素组成的 像素越多,屏幕越清晰  ...
    
		
    2. 
						
  2. iOS开发UI篇—简单的浏览器查看程序
		
    iOS开发UI篇—简单的浏览器查看程序 一.程序实现要求 1.要求 2. 界面分析 (1) 需要读取或修改属性的控件需要设置属性 序号标签 图片 图片描述 左边按钮 右边按钮 (2) 需要监听响应事件 ...
    
		
    3. 
						
  3. 最简单的XML用法
		
    在传递数据时,XML和JSON是最常用的数据格式,SQL Server从很早的版本就开始支持XML格式,而对于JSON格式,SQL Server从2016版本开始支持.大多数数据库系统并没有升级到SQ ...
    
		
    4. 
						
  4. NHibernate 映射基础(第三篇) 简单映射、联合主键
		
    NHibernate 映射基础(第三篇) 简单映射.联合主键 NHibernate完全靠配置文件获取其所需的一切信息,其中映射文件,是其获取数据库与C#程序关系的所有信息来源. 一.简单映射 下面先来 ...
    
		
    5. 
						
  5. iOS开发网络篇—简单介绍ASI框架的使用
		
    iOS开发网络篇—简单介绍ASI框架的使用 说明:本文主要介绍网络编程中常用框架ASI的简单使用. 一.ASI简单介绍 ASI:全称是ASIHTTPRequest,外号“HTTP终结者”,功能十分强大 ...
    
		
    6. 
						
  6. 非常简单的XML解析（SAX解析、pull解析）
		
    这里只是把解析的数据当日志打出来了 非常简单的xml解析方式 package com.example.demo.service; import java.io.IOException; import  ...
    
		
    7. 
						
  7. iOS开发UI篇—简单介绍静态单元格的使用
		
    iOS开发UI篇—简单介绍静态单元格的使用 一.实现效果与说明 说明:观察上面的展示效果,可以发现整个界面是由一个tableview来展示的,上面的数据都是固定的,且几乎不会改变. 要完成上面的效果, ...
    
		
    8. 
						
  8. iOS开发Swift篇—简单介绍
		
    iOS开发Swift篇—简单介绍 一.简介 Swift是苹果于2014年WWDC(苹果开发者大会)发布的全新编程语言 Swift在天朝译为“雨燕”,是它的LOGO 是一只燕子,跟Objective-C ...
    
		
    9. 
						
  9. 一个简单的XML与数组之间的转换
		
    xml是网络使用最多的数据交换格式,所以,不掌握怎么操作它,又有蛋疼的了. php中可以操作xml的类/函数很多,个人认为最简单的是SimpleXMLElement这个类,它的使用就跟其名字一样:简单 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Nodejs base64编码与解码
			
    1､普通字符串 //编码 new Buffer(String).toString('base64'); //解码 new Buffer(base64Str, 'base64').toString(); ...
    
			
    2. 
						
  2. matlab 生成.exe文件 转
			
    本文链接:https://blog.csdn.net/qq_20823641/article/details/51863737 如何将MATLAB程序编译成独立可执行的程序?如何将编译好的独立可执行程 ...
    
			
    3. 
						
  3. 根据ID查询实体
			
    //查询实体 $scope.findOne=function(id){ $http.get('../brand/findOne.do?id='+id).success( function(respon ...
    
			
    4. 
						
  4. (转载)js引擎的执行过程（二）
			
    概述 js引擎执行过程主要分为三个阶段,分别是语法分析,预编译和执行阶段,上篇文章我们介绍了语法分析和预编译阶段,那么我们先做个简单概括,如下: 语法分析: 分别对加载完成的代码块进行语法检验,语法正 ...
    
			
    5. 
						
  5. SVN——将VS项目提交至SVN时，怎样忽略bin和obj目录中的文件
			
    方法一: 通过设置SVN的Global ignore pattern值. 在设置了全局排除obj bin文件夹之后,需commit提交该项目,以使svn服务器应用该排除忽略 方法二: 具体实现 在解决 ...
    
			
    6. 
						
  6. 配置Maven私服
			
    Nexus 是“开箱即用”的系统,不需要数据库,它使用文件系统加 Lucene 来组织数据,支持 WebDAV 与 LDAP 安全身份认证.Nexus 还提供了强大的仓库管理功能,构件搜索功能,它基于 ...
    
			
    7. 
						
  7. java.lang.Boolean.compareTo()方法实例
			
    compareTo接口 Comparable<Boolean>指定以下接口 参数 b - 布尔实例进行比较 返回值 方法返回 0 - 如果该对象表示相同的布尔值作为参数 一个正数值 - 如 ...
    
			
    8. 
						
  8. JFreeChart架构
			
    本章介绍给大家介绍 JFreeChart 不同类中如何交互的概念, JFreeChart基本类层次和应用水平的架构在基于Java应用程序如何工作的. 类层次架构 类层次架构解释了如何把不同阶层的相互库 ...
    
			
    9. 
						
  9. Nginx学习——proxy_pass
			
    参考官网:http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_pass 定义:用来设置被代理服务器的协议(http或https ...
    
			
    10. 
						
  10. 如何解决 react-create-app 里面的 no-unused-vars ？
			
    如果每次启动都有一大串的no-unused-vars 是不是感觉特别烦,不用担心啦,有个配置可以解决它: 在Hbuild 里面可以新建一个 .eslintrc 其他文件(伤心的是我在webStorm  ...
    
			
    11.