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. Spring中 使用注解+c3p0+事物 《模拟银行转账》

    使用注解的方式  模拟转账 要么都成功 要么都失败 !保持一致性! 准备工作: jar包:  需要的类:       UserDao: package com.hxzy.spring.c3p0.Dao ...

  2. Windows 如何完整备份驱动

    软件:DriverBackUp 系统环境:Windows7 首先将DriverBackUp.exe放到桌面,然后运行,我们会看到提示信息提示我们驱动程序被备份到了D盘 然后我们会看到备份界面 这里我们 ...

  3. HDU - 3085 Nightmare Ⅱ

    HDU - 3085 Nightmare Ⅱ 双向BFS,建立两个队列,让男孩女孩一起走 鬼的位置用曼哈顿距离判断一下,如果该位置与鬼的曼哈顿距离小于等于当前轮数的两倍,则已经被鬼覆盖 #includ ...

  4. mariadb(mysql)的安装

    1 使用官方源安装mariadb vim /etc/yum.repos.d/MariaDB.repo 添加repo仓库配置内容 [mariadb] name=MariaDB baseurl=http: ...

  5. GDB：从单线程调试到多线程调试（MFiX单步调试）

    GDB:从单线程调试到多线程调试 1. 裸跑GDB 1.1 安装GDB sudo apt-get install gdb 1.2 编译程序 由于需要调试,因此编译的时候需要添加-g编译参数: 1.3 ...

  6. SpringMVC的 @RestController和@Controller 区别

    @RestController注解,相当于@Controller+@ResponseBody两个注解的结合, 返回json数据不需要在方法前面加@ResponseBody注解了,但使用@RestCon ...

  7. Q221 最大正方形

    在一个由 0 和 1 组成的二维矩阵内,找到只包含 1 的最大正方形,并返回其面积. 示例: 输入: 1 0 1 0 0 1 0 1 1 1 1 1 1 1 1 1 0 0 1 0 输出: 4 cla ...

  8. hdu 3709 Balanced Number(平衡数）--数位dp

    Balanced Number Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65535/65535 K (Java/Others) ...

  9. [Xamarin.Android] 如何使用Google Map V2 (转帖)

    Google Map v1已經在2013年的3月開始停止支援了,目前若要在你的Android手機上使用到Google Map,就必須要使用 到Google Map v2的版本.在Xamarin要使用G ...

  10. PowerDesigner16 生成的备注脚本，在sql server 2008 中报“对象名 'sysproperties' 无效”的错误的解决办法

    主要是在建模时我们对表.列增加了些说明注释,而Sql2005之后系统表sysproperties已废弃删除而改用sys.extended_properties所致. 1.修改Table TableCo ...