例題:學生成績的XML文檔
<?xml version="1.0" encoding="gb2312"?>
<students>
<student id="05001">
<name>張三</name>
<dept>計算機</dept>
<course id="001">
<title>C程序設計</title>
<score>85</score>
<date>2000/12/04</date>
</course>
<course id="002">
<title>編譯方法</title>
<score>79</score>
<date>2000/12/06</date>
</course>
<course id="003">
<title>數據結構</title>
<score>93</score>
<date>2000/12/10</date>
</course>
</student>
<student id="05002">
<name>李四</name>
<dept>數學</dept>
<course id="004">
<title>計算方法</title>
<score>95</score>
<date>2000/12/04</date>
</course>
<course id="005">
<title>偏微分方程</title>
<score>86</score>
<date>2000/12/07</date>
</course>
<course id="006">
<title>計算復雜性</title>
<score>72</score>
<date>2000/12/03</date>
</course>
</student>
<student id="05003">
<name>王五</name>
<dept>化學</dept>
<course id="007">
<title>有機化學</title>
<score>80</score>
<date>2000/12/09</date>
</course>
<course id="008">
<title>無機化學</title>
<score>98</score>
<date>2000/12/15</date>
</course>
<course id="009">
<title>分子軌道理論</title>
<score>79</score>
<date>2000/12/23</date>
</course>
<course id="010">
<title>分子生物學</title>
<score>88</score>
<date>2000/11/27</date>
</course>
</student>
</students>
請利用XMLDOM和XSLT編寫如下的網頁, 通過選擇姓名來動態顯示每個學生的成績單。
請給出網頁的代碼和運行效果的截屏。
要求效果圖:
關於xml,xsl,html幾者之間的關系以及調用就不再贅述,直接上源碼與效果圖。
Xml部分:
Xsl部分:
Html部分:
Loadxmldoc.js部分(就是默認用法了):
運行效果截圖: