在浏览器中用JavaScript做XSLT转换需使用XSLTProcessor对象，先用DOMParser将XML和XSLT字符串解析为Document对象，再调用importStylesheet()和transformToFragment()完成转换并插入页面。
在浏览器中用 JavaScript 做 XSLT 转换，核心是使用浏览器原生支持的 XSLTProcessor 对象（现代 Chrome、Firefox、Safari、Edge 均支持），配合加载 XML 和 XSLT 文档。关键点是：XML 和 XSLT 都得是解析后的 DOM 文档，不能是字符串或文件路径；且需注意同源限制和异步加载顺序。
准备可工作的 XML 和 XSLT 文档
确保你有两个有效的文档对象：
- XML 文档：用
DOMParser解析字符串，或通过fetch()获取后调用response.xml - XSLT 文档：同样需解析为
Document对象，不能直接传字符串给XSLTProcessor
例如：
const xmlStr = `<?xml version="1.0"?><book><title>JS Guide</title><author>Alice</author></book>`; const xslStr = `<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"><h1><xsl:value-of select="book/title"/></h1></xsl:template> </xsl:stylesheet>`; const parser = new DOMParser(); const xmlDoc = parser.parseFromString(xmlStr, "application/xml"); const xslDoc = parser.parseFromString(xslStr, "application/xml");
创建并使用 XSLTProcessor 执行转换
实例化 XSLTProcessor，导入样式表，再传入 XML 文档执行转换：
立即学习“Java免费学习笔记（深入）”；
- 调用
processor.importStylesheet(xslDoc)加载 XSLT - 用
processor.transformToFragment(xmlDoc, document)得到 HTML 片段（推荐），或用transformToDocument()得到新 XML 文档 - 结果是 DocumentFragment，可直接插入页面，如
container.appendChild(result)
完整示例：
const processor = new XSLTProcessor(); processor.importStylesheet(xslDoc); const resultFragment = processor.transformToFragment(xmlDoc, document); document.body.appendChild(resultFragment); // 页面显示 <h1>JS Guide</h1>
处理远程 XML/XSLT 文件（注意跨域和加载时机）
如果 XML 或 XSLT 来自外部 URL，必须用 fetch 异步获取，并等待两者都就绪：
-
fetch(url).then(r => r.text())获取文本，再用DOMParser解析 - 用
Promise.all([fetchXml, fetchXsl])确保两个文档都加载完成再初始化处理器 - 若遇到 CORS 错误，需服务端设置
Access-Control-Allow-Origin，或把文件放在同源下
兼容性与常见问题提醒
IE 旧版用 ActiveXObject("Msxml2.XSLTemplate")，但已淘汰，无需兼容；当前主流浏览器行为一致。注意：
- XSLT 必须是 1.0 版本（浏览器不支持 XSLT 2.0+）
- XML 中若有解析错误（如未闭合标签），
parseFromString会返回带错误信息的文档，应检查xmlDoc.querySelector("parsererror") -
transformToFragment的第二个参数必须是当前页面的document，否则可能报错
基本上就这些。只要 XML 和 XSLT 都转成有效 Document，再按顺序喂给 XSLTProcessor，就能在前端完成转换，不需要后端参与。
