XML讀取及網頁顯示


 

 

例題:學生成績的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部分(就是默認用法了):

 

 

運行效果截圖:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM