DOM 加载函数

XML DOM

XML DOM 教程 DOM 简介 DOM 节点 DOM 节点树 DOM 解析器 DOM 加载函数 DOM 属性和方法 DOM 访问节点 DOM 节点信息 DOM 节点列表 DOM 遍历节点树 DOM 浏览器差异 DOM 导航节点 DOM 获取节点值 DOM 改变节点值 DOM 删除节点 DOM 替换节点 DOM 创建节点 DOM 添加节点 DOM 克隆节点 DOM XMLHttpRequest DOM 节点类型 DOM Node DOM NodeList DOM NamedNodeMap DOM Document DOM DocumentImpl DOM DocumentType DOM ProcessingInst DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM HttpRequest DOM Parse Error DOM 解析器错误 DOM 总结 DOM 验证

DOM 加载函数

加载 XML 文档中的代码可以存储在一个函数中。

loadXMLDoc() 函数

为了使前一页中的代码易于维护（检查旧的浏览器），它应该写成一个函数：

function loadXMLDoc(dname)

{

if (window.XMLHttpRequest)

{

xhttp=new XMLHttpRequest();

}

else

{

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

}

xhttp.open("GET",dname,false);

xhttp.send();

return xhttp.responseXML;

}

上面的函数可以存储在 HTML 页面的部分，并从页面中的脚本调用。

上面描述的函数，用于本教程中所有 XML 文档实例！

loadXMLDoc() 的外部 JavaScript

为了使上述代码更容易维护，以确保在所有页面中使用相同的代码，我们把函数存储在一个外部文件中。

文件名为 "loadxmldoc.js"，且在 HTML 页面中的 head 部分被加载。然后，页面中的脚本调用 loadXMLDoc() 函数。

下面的实例使用 loadXMLDoc() 函数加载 books.xml：

<html>

<head>

</script>

</head>

<body>

xmlDoc=loadXMLDoc("books.xml");

code goes here.....

</script>

</body>

</html>

如何从 XML 文件中获得数据，将在下一章中讲解。

loadXMLString() 函数

为了使前一页中的代码易于维护（检查旧的浏览器），它应该写成一个函数：

function loadXMLString(txt)

{

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);

}

return xmlDoc;

}

上面的函数可以存储在 HTML 页面的 <head> 部分，并从页面中的脚本调用。

上面描述的函数，用于本教程中所有 XML 字符串实例！

loadXMLString() 的外部 JavaScript

我们已经把 loadXMLString() 函数存储在名为 "loadxmlstring.js" 文件中。

<html>

<head>

</head>

<body>

text="<bookstore>"

text=text+"<book>";

text=text+"<title>Everyday Italian</title>";

text=text+"<author>Giada De Laurentiis</author>";

text=text+"<year>2005</year>";

text=text+"</book>";

text=text+"</bookstore>";

xmlDoc=loadXMLString(text);

code goes here.....

</script>

</body>

</html>

上一篇:DOM 解析器

下一篇:DOM 属性和方法

我要发贴

XML DOM