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. HTTP调用接口方法

    1.创建接口调用方法类 package cn.com.victorysoft.sjzx.Message; import java.io.BufferedReader; import java.io.I ...

  2. 前端基础--css基本语法,选择器

    一.css概述 CSS(Cascading Style Sheet)层叠样式表,定义如何显示HTML元素,给HTML设置样式,让它更加美观.当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式 ...

  3. Android 音视频开发入门指南

    Android 音视频从入门到提高 —— 任务列表 http://blog.51cto.com/ticktick/1956269(以这个学习为基础往下面去学习) Android 音视频开发学习思路-- ...

  4. HTML防止input回车提交表单

    原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type=& ...

  5. 洛谷P5284 [十二省联考2019]字符串问题（SAM+倍增+最长路）

    题面 传送门 题解 首先,我们把串反过来,那么前缀就变成后缀,建一个\(SAM\).我们发现一个节点的后缀是它的所有祖先 那么我们是不是直接按着\(parent\)树建边就可以了呢? 显然不是.我们假 ...

  6. django_jquery中使用ajax发送post请求变成get请求

    今天在进行js开发的过程中出现了一个奇怪的问题,就是使用ajax向后端发送post请求时,在浏览器network中查看response时,显示400 bad request 并且请求方式变成get,因 ...

  7. Deepin personalized transplantation of kali platform tools

    首先配置更新源: 把kali的源添加到 Deepin 自带的源后面: 简易换源方法: 1.打开文件管理 -> 地址栏输入路径:/etc/apt/ 然后回车->在目录中右键以管理员身份打开 ...

  8. leetcode-39-组合总和（有趣的递归）

    题目描述: 给定一个无重复元素的数组 candidates 和一个目标数 target ,找出 candidates 中所有可以使数字和为 target 的组合. candidates 中的数字可以无 ...

  9. CentOS 7 分区方案

    通常系统盘都会选择性能较好SSD,一般在500G左右,这里就以500G硬盘为例,以下为CentOS 自动分区方案: 分区应该按照实际服务器用途而定,自动分区方案将 /home 空间分配太多了,多数情况 ...

  10. python 全栈开发：基础复习

    格式化输出: username = 'python' password = 'python1' print(''' username:%s password:%s '''%(username,pass ...