js解析xml后显示html页面的兼容性问题

原创 2013年12月04日 20:50:19

需求:xml包含html标签比如talbe等,同时包含填充html的table数据,首先加载xml渲染出xml中的html页面,然后用js获取xml的数据填充到html相应的位置

第一步:创建一个加载xml的函数

function loadXmlFile(xmlFile) {


    var xmlDom = null;


    if (window.ActiveXObject) {


        xmlDom = new ActiveXObject("Microsoft.XMLDOM");//上面代码的第一个行创建一个空的微软 XML 文档对象


        xmlDom.async = "false";//  第二行关闭异步加载,这样确保在文档完全加载之前解析器不会继续脚本的执行


        xmlDom.load(xmlFile);//第三行告知解析器加载路径为xmlFile的 XML 文档。



    } else if (document.implementation && document.implementation.createDocument) {


        var xmlhttp = new window.XMLHttpRequest();


        xmlhttp.open("GET", xmlFile, false);


        xmlhttp.send(null);


        xmlDom = xmlhttp.responseXML;


    } else {


        xmlDom = null;


    }


    return xmlDom;


}


第二步:渲染xml中的html,IE兼容

 

var originalTemplateFilePath =“../yancheng.xml”
var xmlDocSave = loadXmlFile(originalTemplateFilePath);
// 显示xml的页面
    $(xmlDocSave).find('structuredBody').children('component').each(function (index, ele) {
        var thishtmlasxml = $(ele).children("text")[0];
        if (window.ActiveXObject) {
            var thishtml = thishtmlasxml.xml//IE显示代码
            $('#kb_us_record_id').append(thishtml);
        } else {
            var s = new XMLSerializer();  //将对象序列化到 XML 文档中和从 XML 文档中反序列化对象
            var thishtml = $(s.serializeToString(thishtmlasxml));
            $('#kb_us_record_id').append(thishtml.html());
        }
    });

第三步:解析xml中的数据插入到html

  $(".datagroup").each(function (index, ele) {
        parseTemplate(originalTemplateFilePath, ele);//自定义方法


    });


代码........................................................

yangcheng.xml格式如下:

  <?xml version="1.0" encoding="UTF-8"?>
<ClinicalDocument>
<template>
  <flag>xxx</flag>
</template>
<component>
  <structuredBody>
    <component>
      <!--ultrasonic_report-->
      <templateName>xxxxx</templateName>
      <dGIndex></dGIndex>
      <text>
        <div class="datagroup">html相关代码,这些代码需要渲染到页面显示<div>
  </text>
      <section>
       要插入到html页面的数据
     </section>
      </component>
    </structuredBody>
  </component>
</ClinicalDocument>




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

xml解析兼容性问题的避免

1、引言 js在处理xml过程中,由于浏览器兼容性问题,要做许多的兼容处理,随着浏览器是升级,大多数浏览器都已经默认保持统一标准,以便于我们日常的开发,然而有了微软的IE这个奇葩的存在,形成了大多...

原创:Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题).

原创:Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题). 前不久日本发生了一场惹人非议的地震中,因此也引发了中国购买食盐的狂热份子!然后又因发了一场退盐事件.然后80,90后们并...

原创:Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题).

前不久日本发生了一场惹人非议的地震中,因此也引发了中国购买食盐的狂热份子!然后又因发了一场退盐事件.然后80,90后们并没有参与其中,说明掌握科学知识的重要性.作为一名合格的大学生应该时刻保持清醒的头...

HTML`CSS_网站页面不同浏览器兼容性问题解决

解决网站页面在不同浏览器的兼容模式下加载渲染不正常的问题引言: 在网站运维过程中,发现若干页面在360等的浏览器上显示不正常,而在其他的浏览器上,皆为正常状态,问题出在哪里呢? 具体问题: Web...

[Html JS] jQuery锚点跳转及相关操作 IE10 11 下兼容性问题

最近工作上遇到的问题。就是这个  锚点就不多说了,如下解释。主要问题是我在chrome,火狐,ie8下都ok的。NTC测试,报了个bug,说IE10.11就不行了。 主要是这个页面分三个fra...

JS的兼容性问题

  • 2011-09-30 11:26
  • 2.37MB
  • 下载

前端页面布局常见的兼容性问题和解决方法

前端页面兼容问题主要表现在我们所做的页面在不同浏览器显示会有所不同,目前主要的兼容性问题比较多的是IE6和IE7,另外针对html5和css3新标签,比如css3动画,媒体查询,画布,视频等暂时不做讨...
  • gj1949
  • gj1949
  • 2016-12-26 13:26
  • 1228
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)