IE下创建DOM并载入XML

var xmldoc = new ActiveXObject("Microsoft.XMLDOM");
xmldoc.load(url);  //载入XML文件
xmldoc.loadXML(“<root><son/></root>”);//载入XML字符串
xmldoc.documentElement //获取根元素，仅IE支持

非IE下创建DOM并载入XML

var xmldoc =document.implementation.createDocument("","",null);
xmldoc.async =true;    //异步载入
xmldoc.load(url);

第一个参数指定文件的命名空间URL，第二个参数用于指定文件元素的标签名，第三个标签用于指定文档类型对象，一般为null

例

var xmldoc =document.implementation.createDocument("http://www.x-do.org","root",null);

这行代码创建了表示<rootxmlns="http://www.x-do.org"/>的XML DOM

W3C标准的XML DOM不支持loadXML()方法。要将XML字符串解析为DOM，必须使用DOMParser对象,使用其parseFromString方法传入XML字符串表现形式：

      var xmlParser = new DOMParser();
      var xmlDom =xmlParser.parseFromString("<root />","text/xml");  //该方法返回一个XMLDOM对象
      //第二个参数text/xml也可以是application/xml,两者都用来解析XML
      //还可以是application/xhtml+xml,用来解析XHTML,只能用这三种MIME

与直接解析XML字符串相对应的获取XML字符串的方法，IE中XML DOM对象具有只读的xml属性,而W3C标准则没有相对应的属性,但是提供了可以用于同样的目的的XMLSerializer对象：

    var serializer= new XMLSerializer();
    var xmlStr =serializer.serializeToString(xmlDom,"text/xml");
    //xmlDom为一个XML DOM节点对象
    //而text/xml也可为application/xml

可以把一个函数绑定到XML文档对象的onload事件（对于W3C兼容的浏览器）或onreadystatechange事件（对于WindowsInternet Explorer）。然后，绑定的函数可以用来处理XML文档的内容。

兼容地创建XML的DOM对象

if (typeof document.implementation.createDocument != "undefined") {
      xmldoc =document.implementation.createDocument("", "", null);
      xmldoc.onload = displayData;
} else if(window.ActiveXObject) {
      xmldoc = new ActiveXObject("Microsoft.XMLDOM");
      xmldoc.onreadystatechange = function () {
             if (docObj.readyState == 4)
             displayData();
      };
}
xmldoc.load(url);
function displayData(){   }

load()方法只可以载入与包含JavaScript的页面存储于同一服务器上的文件，也就是说，不可以通过其他人的服务器载入XML文件

以同步模式载入文件时，JavaScript代码会等待文件完全载入后才继续执行代码；而以异步模式载入时，不会等待，可以使用事件处理函数来判断文件是否完全载入了。默认情况下，文件按照异步模式载入。要进行同步载入，只需设置async特性为false

JS解析XML实例：

<script  type="javascript">
var txt="<note>";
txt=txt+"<to>George</to>";
txt=txt+"<from>John</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget the meeting!</body>";
txt=txt+"</note>";

if (window.DOMParser)  //非IE浏览器
  {
   parser=new DOMParser();
   xmlDoc=parser.parseFromString(txt,"text/xml");
  }
else //IE浏览器
  {
    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>

javascript中的XML的更多相关文章

  1. 使用javascript中读取Xml文件做成的一个二级联动菜单

    [html] view plaincopy <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...

  2. 【译】用jQuery 处理XML--浏览器中的XML与JavaScript

    用jQuery 处理XML--写在前面的话 用jQuery 处理XML-- DOM(文本对象模型)简介 用jQuery 处理XML--浏览器中的XML与JavaScript 用jQuery 处理XML ...

  3. 浏览器中的XML与JavaScript

    浏览器中的XML与JavaScript 在处理XML前,你需要在JavaScript中获取它.这一部分展示了一些不同的方法用来在JavaScript中获取XML并且对它进行处理. XML的节点类型 在 ...

  4. JavaScript 【 IE中的XML DOM 】

    IE中的 XML DOM 在统一的正式规范出来以前,浏览器对于XML的解决方案各不相同.DOM2级提出了动态创建XML DOM规范,DOM3进一步增强了XML DOM.所以,在不同的浏览器实现XML的 ...

  5. javascript快速入门25--浏览器中的XML

    打开XML 首先,直接从浏览器中打开XML文件,浏览器会对其进行格式良好性检查,如果不符合XML语法规范则显示出错,如果格式良好,再检查是否包含样式表(CSS或XSL),如果包含样式表,则用样式表格式 ...

  6. Javascript 操作 Sql中的Xml 字段

    在一个项目当中,我们需要把数据库中的Xml字段中的信息表现在页面中,如果用Sql进行操作,读取.这样的话,必然导致太复杂,于是我想到了,如果把Xml字段先读出来,然后用Js去操作,这样岂不是简单了许多 ...

  7. 【Java EE 学习 33 上】【JQuery样式操作】【JQuery中的Ajax操作】【JQuery中的XML操作】

    一.JQuery中样式的操作 1.给id=mover的div采用属性增加样式.one $("#b1").click(function(){ $("#mover" ...

  8. ASP.NET中的XML和JSON

    一.DOM简介 1.XML 定义:XML是一种跨语言.跨平台的数据储存格式 2.什么是DOM DOM(document object model)文档对象模型:是一种允许程序或脚本动态的访问更新文档内 ...

  9. 浅谈JavaScript中的Ajax

    引言 作为一名WEB开发者,我想Ajax技术是一定需要掌握的.你也许平时没有使用JavaScript真正的写过Ajax.但是你一定使用过JQuery里面的相关函数来进行异步调用.今天我们就来介绍下原生 ...

随机推荐

  1. ●BZOJ 4408 [Fjoi 2016]神秘数

    题链: http://www.lydsy.com/JudgeOnline/problem.php?id=4408 题解: 主席树 首先,对于一些数来说, 如果可以我们可以使得其中的某些数能够拼出 1- ...

  2. spoj 1676 AC自动机+矩阵快速

    Text Generator Time Limit: 1386MS   Memory Limit: 1572864KB   64bit IO Format: %lld & %llu Submi ...

  3. hdu 5667 BestCoder Round #80 矩阵快速幂

    Sequence  Accepts: 59  Submissions: 650  Time Limit: 2000/1000 MS (Java/Others)  Memory Limit: 65536 ...

  4. 例10-6 uva1635（唯一分解定理）

    题意:给定n个数a1,a2····an,依次求出相邻两个数值和,将得到一个新数列,重复上述操作,最后结果将变为一个数,问这个数除以m的余数与那些数无关? 思路:最后观察期规律符合杨辉三角,那么,问题就 ...

  5. [4.14校内训练赛by hzwer]

    来自FallDream的博客,未经允许,请勿转载,谢谢. hzwer又出丧题虐人 4道noi....        很奇怪 每次黄学长出题总有一题我做过了. 嗯题目你们自己看看呗 好难解释 ----- ...

  6. SpringCloud学习之eureka集群配置

    一.集群方案及部署思路: 如果是单节点的注册中心,是无法保证系统稳定性的,当然现在项目部署架构不可能是单节点的. 集群节点的部署思路:通过运行多个实例并请求他们相互注册,来完成注册中心的高可用性(结伴 ...

  7. python dataframe数据条件筛选

    一般情况下我们从一堆数据中选择我们获取想要的数据会通过一下方式: (1)创建链表或数组: (2)用for 循环遍历所有数据,将想要的存入链表或数组. 但是python中我们不需要这么做,我们可以用Pa ...

  8. VS2017+xamain开发安卓（Addroid）应用

    Visual Studio 2017下载地址: https://www.visualstudio.com/zh-hans/ 安卓模拟器官网下载:  https://www.visualstudio.c ...

  9. 初体验GCP，【福利300$试用金】

    1.https://cloud.google.com/free/ ,填写相应信息.需要信用卡,预扣1美元. 2.一波信息填写,成功. 3.激活终端 4.创建一个Python项目,选择部署地点. 5.部 ...

  10. Hibernate更新数据（不用update也可以）

    在介绍hibernate的更新之前,我们先来看看session的两个方法.load和get方法:这两个方法是获取数据的根据对象的id值: 先看两段代码.load和get的方法都含有两个参数,前者是得到 ...