• 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部分(就是默认用法了):

    运行效果截图:

     

  • 相关阅读:
    SourceTree 跳过登陆
    input type="file"获取文件名方法
    Chrome浏览器安装vue-devtools插件
    设置文本超出既定宽度隐藏,并显示省略号
    node安装express时找不到pakage.json文件;判断安装成功?
    NoSQL:redis缓存数据库
    NoSQL:Linux操作memcached
    Python:迭代器
    Python函数篇:装饰器
    Python面向对象篇之元类,附Django Model核心原理
  • 原文地址:https://www.cnblogs.com/STK0210/p/10265892.html
Copyright © 2020-2023  润新知