javascript - 使用 XSLT 导入 XML 的 HTML 页面

标签 javascript html xml xslt

我有一个 HTML 页面,我想使用 XML 和 XSLT 在 DIV 中添加一些内容,如何导入 XML 并评估相关的 XSLT?

我已经尝试过 iframe,但必须调整它的大小以适应内容,我还尝试使用此页面中显示的脚本:

http://msdn.microsoft.com/en-us/library/ms757854%28v=vs.85%29.aspx

但我认为它只适用于IE,哪个是最好的操作方式?

最佳答案

感谢 w3c 提供独立于浏览器的代码:

<html>
<head>
<script>
function loadXMLDoc(filename)
{
if (window.ActiveXObject)
  {
  xhttp = new ActiveXObject("Msxml2.XMLHTTP");
  }
else
  {
  xhttp = new XMLHttpRequest();
  }
xhttp.open("GET", filename, false);
try {xhttp.responseType = "msxml-document"} catch(err) {} // Helping IE11
xhttp.send("");
return xhttp.responseXML;
}

function displayResult()
{
xml = loadXMLDoc("cdcatalog.xml");
xsl = loadXMLDoc("cdcatalog.xsl");
// code for IE
if (window.ActiveXObject || xhttp.responseType == "msxml-document")
  {
  ex = xml.transformNode(xsl);
  document.getElementById("example").innerHTML = ex;
  }
// code for Chrome, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xsltProcessor = new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  resultDocument = xsltProcessor.transformToFragment(xml, document);
  document.getElementById("example").appendChild(resultDocument);
  }
}
</script>
</head>
<body onload="displayResult()">
<div id="example" />
</body>
</html>

http://www.w3schools.com/xsl/xsl_client.asp

关于javascript - 使用 XSLT 导入 XML 的 HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25571629/

相关文章:

javascript - 如何使用 Javascript 将 HTML 中的 <code> 标记中的文本末尾置于焦点?

javascript - 如何在网格布局中跳过行中的列

javascript - 如何选择和操作表 jQuery 中的列

xml - 如何验证 xml 模式中的电子邮件 ID

javascript - 如何在 AngularJS 中将 ng-style 元素更改为 ng-click 元素?

javascript - 高级 JavaScript/JQuery 设计模式

html - 对齐在同一条线上

javascript - HTML - 在用户键入时保留占位符

java - 使用Simple将不同对象的ArrayList写入XML文件

c# - XDocument 保存删除节点前缀