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. IIS7的网站通过https访问提示ssl_error_rx_record_too_long

    IIS7的网站通过https访问,提示ssl_error_rx_record_too_long,如下图所示: 解决办法: 一.导入服务器的SSL证书至IIS 1.打开IIS,找到服务器证书 2.导入本 ...

  2. WC2019 全国模拟赛第一场 T1 题解

    由于只会T1,没法写游记,只好来写题解了... 题目链接 题目大意 给你一个数列,每次可以任取两个不相交的区间,取一次的贡献是这两个区间里所有数的最小值,求所有取法的贡献和,对 \(10^9+7\) ...

  3. memcache面试题汇总

    1,memcached是原子的吗? 所有的被发送到memcached的单个命令是完全原子的.如果您针对同一份数据同时发送了一个set命令和一个get命令,它们不会影响对方.它们将被串行化.先后执行.即 ...

  4. 关于IPv4设置一些常见问题的解答

      问:为什么要填IP地址.网关.DNS? 如果是单部机拨号上网,是不需要填这些的.不填,或乱填,对上网都没有任何影响.但是在局域网上网(用路由器就属此环境),就一定要正确设置(手工填写或接受自动分配 ...

  5. webshell在php方向的研究（精华篇）

    文章主旨:准备学习c语言,你喜欢的所有干货在文末附件里 作者宗旨:没有不想当将军的兵,没有不想提高技术的person,今天带你打开php的研究之路. 本文作者:Laimooc(原名xoanHn),个人 ...

  6. 【flask macro】No caller defined

    https://segmentfault.com/q/1010000005352059/a-1020000005352912 先码着 有时间了再换成caller() 先用老方法吧...

  7. 两个div标签，控制标签左边固定，右边自适应（滴滴面试题）

    <div id="lt">1</div> <div id="rt">2</div> #lt{ float:lef ...

  8. 30 个免费的 Sketch 必备插件

    简评:中秋三天小长假,要不要学点啥?比如简单的设计?比如用 Sketch 做个项目? Sketch 有许多值得称赞的地方,其丰富的插件就是亮点之一.Sketch 的社区有着大量免费高效的插件.今天这篇 ...

  9. SpringData JPA复合主键

    上一篇博客简单介绍了SpringData JPA实现简单的CRUD,分页与多条件的排序,那里的主键类型是Long,有时我们会遇到主键不是一个的,复合主键,经过调研如下.确定一个人,不能只根据他的姓名来 ...

  10. [java实现]常见算法之字符串操作

    一.字符串反转 把一个句子中的打次进行反转,比如“how are you” ,变为 “you are how” // 字符串反转 public class StringTest { // 字符反转的方 ...