xsl 和xml生成html,兼容多个浏览器

<html>

	<head>

		<meta charset="UTF-8"/>

	</head>

	<body id="srcDiv">

	</body>

	<script>

	var oXSLDoc = loadXMLDoc("./XMLSelTree.xsl");

	var oXMLDom = loadXMLDoc("./XMLDoc.xml");

	var p_oSrcDiv = document.getElementById("srcDiv");

	//var sHtml = oXMLDom.transformNode(m_oConfig.oXSLDoc);

	var sHtml = xml_transformNode(oXMLDom, oXSLDoc);

	//将HTML中的&apos;转化为"'"

	var rep = /&apos;/g;

	sHtml = sHtml.replace(rep,"'");

	p_oSrcDiv.innerHTML	= sHtml;

	function loadXMLDoc(xml_name)

	{

		var xmlDoc;

		try

		{

			xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); // Support IE

		}

		catch(e)

			{

				try

				{

					// Support Firefox, Mozilla, Opera, etc

					xmlDoc = document.implementation.createDocument("", "", null) ;// 创建一个空的 XML 文档对象。

				}

				catch(e)

				{

					alert(e.message);

				}

			}

			// 加载XML文档

			try

			{

				xmlDoc.async = false; // 关闭异步加载

				xmlDoc.load(xml_name);

			}

			catch(e)

			{

				// alert(e.message) 如果浏览器是Chrome，则会catch这个异常：Object # (a Document) has no method "load"，所以，以下实现支持chrome加载XML文档（只是粗略的写下）

				var xhr = new XMLHttpRequest();

				xhr.open("GET", xml_name, false);

				xhr.send(null);

				if (xhr.responseXML) {

					xmlDoc = xhr.responseXML.documentElement;

				} else {

					xmlstr = xhr.response;

					parser = new DOMParser();

					xmlDoc = parser.parseFromString(xmlstr, "text/xml");

				}

			}

			return xmlDoc;

	}

	// 使用XSLT把XML文档转换为一个字符串。

	function xml_transformNode(xmlDoc, xslDoc) {

	   console.log("xmlDoc", xmlDoc);

	  console.log("xslDoc", xslDoc);

		if (null == xmlDoc) return "";

		if (null == xslDoc) return "";

		if (window.ActiveXObject) // IE

		{

			return xmlDoc.transformNode(xslDoc);

		}

		else // FireFox, Chrome

		{

			//定义XSLTProcesor对象

			var xsltProcessor = new XSLTProcessor();

			xsltProcessor.importStylesheet(xslDoc);

			// transformToDocument方法

		   <!--  var result = xsltProcessor.transformToDocument(xmlDoc); -->

		   // transformToFragment 方法

			var result = xsltProcessor.transformToFragment(xmlDoc,document);

			console.log("result", result);

			var xmls = new XMLSerializer();

			var rt = xmls.serializeToString(result);

			return rt;

		}

	}

</script>

</html>

transformToDocument API

使用transformToDocument 方法，需要在xsl的文件中，加入outPut的方法才可以


用这个transformToDocument API，需要设置这个outputtype 

transformToDocument API

 
 

xsl 和xml transform方法的调用的更多相关文章

  1. java解析xml字符串方法

    一,用DOM4J  针对无重复标签的xml字符串格式,如下: 针对此种情况可用DOM4J解析法,引入 dom4j的相关jar包代码如下: Document document=DocumentHelpe ...

  2. javax.xml.transform.TransformerConfigurationException: Could not compile stylesheet

    今天在调代码的时候遇到了一个异常: javax.xml.transform.TransformerConfigurationException: Could not compile styleshee ...

  3. Java xml出现错误 javax.xml.transform.TransformerException: java.lang.NullPointerException

    转自:https://www.jb51.net/article/98644.htm Java xml出现错误 javax.xml.transform.TransformerException: jav ...

  4. JAVA常用的XML解析方法

    转并总结自(java xml) JAVA常用的解析xml的方法有四种,分别是DOM,JAX,JDOM,DOM4j xml文件 <?xml version="1.0" enco ...

  5. struts2 笔记01 登录、常用配置参数、Action访问Servlet API 和设置Action中对象的值、命名空间和乱码处理、Action中包含多个方法如何调用

    Struts2登录 1. 需要注意:Struts2需要运行在JRE1.5及以上版本 2. 在web.xml配置文件中,配置StrutsPrepareAndExecuteFilter或FilterDis ...

  6. Android中通过WebView控件实现与JavaScript方法相互调用的地图应用

    在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用andro ...

  7. 三种读写XML的方法

    XML文件是一种常用的文件格式,例如WinForm里面的app.config以及Web程序中的web.config文件,还有许多重要的场所都有它的身影.Xml是Internet环境中跨平台的,依赖于内 ...

  8. Spring事务传播特性的浅析——事务方法嵌套调用的迷茫

    Spring事务传播机制回顾 Spring事务一个被讹传很广说法是:一个事务方法不应该调用另一个事务方法,否则将产生两个事务.结果造成开发人员在设计事务方法时束手束脚,生怕一不小心就踩到地雷. 其实这 ...

  9. springMVC在普通方法中调用service方法

    SpringContextUtil类 package com.common.util; import org.springframework.beans.BeansException;import o ...

随机推荐

  1. C指针 【温故】

    概念 1 指针也是一个变量,做为指针变量的值是另一个变量的地址.指针存放的内容是一个地址,该地址指向一块内存空间 其一般形式为: 类型说明符 *变量名: 其中,*表示这是一个指针变量,变量名即为定义的 ...

  2. 深入了解java虚拟机（JVM） 第十二章 类加载器

    一.什么是类加载器 类加载器是一个用来加载类文件的类,Java源代码通过javac编译器编译成类文件,然后JVM来执行类文件中的字节码来执行程序.需要注意的是,只有被同一个类加载器加载的类才可能会相等 ...

  3. 【OCP认证12c题库】CUUG 071题库考试原题及答案（26）

    26.choose two Examine the structure of the PRODUCTS table. Which two statements are true? A) EXPIRY_ ...

  4. POJ 2069 模拟退火算法

    Super Star Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6422   Accepted: 1591   Spec ...

  5. 网络请求及各类错误代码含义总结(包含AFN错误码大全)

    碰见一个很奇葩的问题, 某些手机在设置了不知什么后, 某些 APP 死活 HTTPS 请求失败, 例如以 UMeng 统计HTTP 请求失败为例, Log如下: UMLOG: (Error   App ...

  6. rbac - 介绍

    找到了上学期末压箱底的rbac组件,这里总结下. 介绍: rbac组件:一个基于角色的权限访问控制系统的组件. 目录:

  7. 在Azuer创建自己的Linux_VM

    ---恢复内容开始--- emm..就是想搭个自己的VPN去YouTube看看视屏找找资源什么的... (滑稽.jpg)然后发现似乎需要这个玩意儿 先去申请一个Azuer账户 然后根据要求一步步来就好 ...

  8. 'qt_sql_default_connection' is still in use

    出现这个告警是因为打开了多个db而没有及时关闭,网上搜了答案是使用完了执行 QSqlDatabase::removeDatabase(m_connectionName); 泄漏的问题有所改善,但点快了 ...

  9. Mac下使用PF进行端口转发和防火墙配置（类似Linux的iptables）

    在Mac没有iptables这些,替代的软件为PF,命令为pfctl.在早些版本用ipfw(<=10.10),后面改为PF.还有一些可以使用OpenBsd,不过这个不太好用. 网上关于pfctl ...

  10. Hibernate核心开发接口_SessionFactory详解

    SessionFactory: a)  用来产生和管理Session b)通常情况下每个应用只需要一个SessionFactory c)除非要访问多个数据库的情况 d) 关注两个方法即:  openS ...