zoukankan      html  css  js  c++  java
  • 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部分(就是默认用法了):

    运行效果截图:

     

  • 相关阅读:
    [luogu T71973]卡常者π酱
    [日常] HEOI 2019 退役记
    [教程]网络流详解: 从入门到放弃
    [LOJ 6213]「美团 CodeM 决赛」radar
    [BZOJ 1568][JSOI2008]Blue Mary开公司
    [BZOJ 3167][HEOI 2013]SAO
    [BZOJ 4763]雪辉
    [LOJ 2146][BZOJ 4873][Shoi2017]寿司餐厅
    [HZNOI #koishi] Magic
    [luogu P4230]连环病原体
  • 原文地址:https://www.cnblogs.com/STK0210/p/10265892.html
Copyright © 2011-2022 走看看