xslt入门

来源：互联网发布：淘宝上如何卖土特产编辑：程序博客网时间：2024/05/18 01:40
官方教程：http://www.w3school.com.cn/xsl/index.asp
看看这个例子，基本上就能明白了。
<html><script type="text/javascript">// Load XML var xml = new ActiveXObject("Microsoft.XMLDOM")xml.async = false// Load XSLvar xsl = new ActiveXObject("Microsoft.XMLDOM")xsl.async = false//xsl.load("http://www.w3school.com.cn/xsl/cdcatalog.xsl")// Transform//document.write(xml.transformNode(xsl))function show(obj) {var xmlUrl = "http://www.w3school.com.cn/xsl/cdcatalog.xml";var xslUrl = "http://www.w3school.com.cn/xsl/" + obj.value;xml.load(xmlUrl);xsl.load(xslUrl);var x = document.getElementsByTagName("div");x[0].innerHTML=xml.transformNode(xsl);var l = document.getElementsByTagName("label");l[0].innerHTML = xmlUrl;l[1].innerHTML = xslUrl;}function show2(obj) {var xmlUrl = "http://www.w3school.com.cn/xsl/tool.xml";var xslUrl = "http://www.w3school.com.cn/xsl/" + obj.value;xml.load(xmlUrl);xsl.load(xslUrl);var x = document.getElementsByTagName("div");x[0].innerHTML=xml.transformNode(xsl);var l = document.getElementsByTagName("label");l[0].innerHTML = xmlUrl;l[1].innerHTML = xslUrl;}</script><body><button value="cdcatalog.xsl" onclick="show(this)">cdcatalog.xsl</button><button value="cdcatalog_ex1.xsl" onclick="show(this)">cdcatalog_ex1.xsl</button><button value="cdcatalog_ex2.xsl" onclick="show(this)">cdcatalog_ex2.xsl</button><button value="cdcatalog_ex3.xsl" onclick="show(this)">cdcatalog_ex3.xsl</button><button value="cdcatalog_sort.xsl" onclick="show(this)">cdcatalog_sort.xsl</button><button value="cdcatalog_if.xsl" onclick="show(this)">cdcatalog_if.xsl</button><button value="cdcatalog_choose.xsl" onclick="show(this)">cdcatalog_choose.xsl</button><button value="cdcatalog_choose2.xsl" onclick="show(this)">cdcatalog_choose2.xsl</button><button value="cdcatalog_apply.xsl" onclick="show(this)">cdcatalog_apply.xsl</button><br><br><button value="tool.xsl" onclick="show2(this)">tool.xsl</button><button value="tool_updated.xsl" onclick="show2(this)">tool_updated.xsl</button><br><label></label><br><label></label><br><div></div></body></html>