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. PHP创建与解析 XML 1 （36）

    一．使用SimpleXML操控XML 要处理XML 文件,有两种传统的处理思路:SAX 和DOM.SAX 基于事件触发机制,对XML 文件进行一次扫描,完成要进行的处理:DOM 则将整个XML 文件构 ...

  2. ROS(机器视觉)

    通过ROS打开摄像头 查看话题信息和消息 图像数据: 默认调用笔记本自带摄像头,如需调用外接摄像头,需要将其中video0改成video1.

  3. [ActionScript 3.0] 记录几个ByteArray 十六进制 String等相互转换的方法

    /** * 通过hax数据返回ByteArray * @param hax 格式 "AA5A000100FF" */ private function getHax(hax:Str ...

  4. [Swift实际操作]八、实用进阶-(3)闭包在定时任务、动画和线程中的使用实际操作

    闭包的使用相当广泛,它是可以在代码中被传递和引用的具有独立功能的模块.双击打开之前创建的空白项目.本文将演示闭包在定时任务.动画和线程中的使用.在左侧的项目导航区,打开视图控制器的代码文件:ViewC ...

  5. CentOS 7 安装程序介绍

    (一).引导菜单 使用 UEFI 引导 Install CentOS Linux 7 选择此选项开始在你的计算机系统中使用图形安装程序安装 CentOS 7 Test this media & ...

  6. Spring集成ignite，服务发现问题

    问题: 解决办法: 修改C:\Windows\System32\drivers\etc\hosts 配置主机名和ip对应关系: 试试!

  7. 最新版chrome浏览器如何离线安装crx插件？(转载)

    原文链接:https://newsn.net/say/chrome-crx-offline.html mac新版chrome开启离线插件安装 对于mac新版chrome,注意,大家一定要按照顺序来.m ...

  8. （三）Audio子系统之AudioRecord.startRecording

    在上一篇文章<(二)Audio子系统之new AudioRecord()>中已经介绍了Audio系统如何创建AudioRecord对象以及输入流,并创建了RecordThread线程,接下 ...

  9. Android开发最佳实践

    Android开发最佳实践 摘要 ●使用 Gradle 和它推荐的工程结构 ●把密码和敏感数据放在gradle.properties ●不要自己写 HTTP 客户端,使用Volley或OkHttp库 ...

  10. jQuery对象扩展方法(Extend)深度解析

    1.这几天在写自己的Js工具类库,所以在编写对象扩展方法,参考了jQuery的对象扩展方法,在编写该方法前,需要掌握js深拷贝和浅拷贝的相关知识,下面是jQuery3.2.1版本对象扩展方法的源码: ...