?? 16-5 xsl的動態應用.htm
字號:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>16-5 XSL的動態應用</title>
<style>
* { font-size:12px; font-family:宋體, Arial; } /*規定了所有的字體樣式*/
body { overflow:auto; }
th { cursor:pointer; }
</style>
<script>
var xml, xsl;
//函數“$”根據指定字符串獲取相應ID的對象
function $(str){ return(document.getElementById(str)); }
//窗體載入完畢時初始化
window.onload = function(){
//創建XML控件
xml = new ActiveXObject("Microsoft.XMLDOM");
xsl = new ActiveXObject("Microsoft.XMLDOM");
//載入XML數據
xml.load("\\\\192.168.1.151\\F$\\hutia\\book\\JavaScript入門到精通\\代碼\\inc\\data\\16-1.xml");
//載入XSL樣式表
xsl.load("\\\\192.168.1.151\\F$\\hutia\\book\\JavaScript入門到精通\\代碼\\inc\\data\\16-5.xsl");
//執行XML至HTML的轉換
$("hutia").innerHTML = xml.transformNode(xsl);
}
//函數“orderby”按照指定的XML字段進行排序
//此函數在生成的表頭單元格被鼠標單擊時調用
function orderby(name){
var orderNode;
//獲取XSL文檔中的“order-by”屬性節點
orderNode = xsl.selectSingleNode("//@order-by");
//確認排序方式為順序或倒序
if(orderNode.value == name){
orderNode.value = "-" + name;
}else{
orderNode.value = name;
}
//執行XML至HTML的轉換
$("hutia").innerHTML = xml.transformNode(xsl);
}
</script>
</head>
<body>
<!-- 用于輸出的容器DIV -->
<div id="hutia"></div>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -