学习笔记——JavaScript操作XML文件

最新推荐文章于 2022-09-28 14:32:08 发布

celte

最新推荐文章于 2022-09-28 14:32:08 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： JavaScript XML

本文链接：https://blog.csdn.net/celte/article/details/8744545

版权

JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

通过一个实例来具体了解关于JavaScript来操作XML文件特性

跨浏览器读取xml文件

<html>
<head>
	<script type="text/javascript">
		function createDocument()
		{
			var xmlDoc;
			if(window.ActiveXObject)//IE中依靠ActiveXObject()对象和MSXML库来获取和打开xml文档
			{
				var versions=[
							"Msxml2.DOMDocument.6.0",//MSXML库有多种版本，一般只检查这两个
							"Msxml2.DOMDocument.3.0"//优先新版
							 ];
				for(var i=0;i<versions.length;i++)
				{
					try
					{
						xmlDoc=new ActiveXObject(versions[i]);//用ActiveXObject对象构造函数，
						return xmlDoc;//需要传入一个包含ActiveX对象版本的字符串
					}
					catch (error)//若创建ActiveX对象失败，则转入这里，但是什么也不做
					{
						//do nothing here
					}
				}
			}
			else if(document.implementation && document.implementation.createDocument)
			{//适用于Firefox、Opera，依然不适用Safari和Chrome
				xmlDoc=document.implementation.createDocument("","",null);
				return xmlDoc;
			}
			return null;
		}
		function getDailyMessage()
		{
			var messages=xmlDoc.getElementsByTagName("daily");
			//注意此处使用的xmlDoc在此函数中没有定义，那么来自哪里呢？
			//在HTML页面正文中定义的xmlDoc全局变量
			var dateobj=new Date();
			var today=dateobj.getDay();
			return messages[today].firstChild.nodeValue;
		}
	</script>
</head>
<body>
	<div id="messageContainer"></div>
	<script type="text/javascript">
		var xmlDoc=createDocument();//全局变量，同样用于getDailyMessage函数中
		xmlDoc.async=false;//解释见下面
		xmlDoc.load("motd.xml");
		document.getElementById("messageContainer").innerHTML=getDailyMessage();
	</script>
</body>
</html>

在实际操作xml文件之前，先确保该文档已经完全加载到客户端的浏览器缓存中。否则，脚本在xml文件
下载完成之前操作，会抛出JavaScript错误。

可以使用async避免这样的错误(通用方法)。
async属性表示浏览器下载页面其余部分之前，是否等待指定的xml文档下载完。这个属性表示
“异步(asynchronous)”。默认值是true，表示浏览器无需等待xml文档完全下载。因此只要我们将其值
设置为false，就可以避免前面的问题

在IE中可使用readyState属性
IE的xml对象和很多的HTML对象都有readyState属性，用于返回对象之前的加载状态。
readyState属性的可能的返回值如下：
1 //对象正在初始化，尚无任何可读数据，正在载入数据（loading）
2 //对象正在载入对象并解析（loaded）
3 //部分对象的数据已经读取并解析，因此对象模型是可用的。
//但是仍无法读取完整的对象数据（interactive）
4 //对象已经载入，内容已经完全解析完毕（completed）
在这里我们只需要关注一个等于4的状态就行了。
举例：
function xmlDoc_readyStateChange()
{
if(xmlDoc.readyState==4)alert("XML file loaded");
}
var xmlDoc=createDocument();
xmlDoc.onreadystatechange=xmlDoc_readyStateChange;
xmlDoc.load("myfile.xml");

在Firefox、Opera中使用onload
注意，在Firefox。Opera中不支持使用readyState来判断文档的加载状态，
而是在文件加载完，且DOM对象可用时，执行onload事件处理程序
举例：
function xmlDoc_load()
{
alert("XML is loaded");
}
var xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.οnlοad=xmlDoc_load;

xmlDoc.load("myfile.xml");

在与上面HTML同文件夹下再建一个如下xml文件

<?xml version="1.0" ?>

<messages>
	<daily>Today is Sunday</daily>
	<daily>Today is Monday</daily>
	<daily>Today is Tuesday</daily>
	<daily>Today is Wednesday</daily>
	<daily>Today is Thursday</daily>
	<daily>Today is Friday</daily>
	<daily>Today is Saturday</daily>
</messages>

celte

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习笔记——JavaScript操作XML文件

通过一个实例来具体了解关于JavaScript来操作XML文件特性跨浏览器读取xml文件 function createDocument() { var xmlDoc; if(window.ActiveXObject)//IE中依靠ActiveXObject()对象和MSXML库来获取和打开xml文档 { var versions=[
复制链接

扫一扫