SSM/JSP/HTML页面局部刷新 (这是我从网上找的，已经用Hbilder测试过，ecilpse也没问题)-优快云博客

1.创建第一个页面，copy我的就行，一点不用改，其他页面(我这里用了三个页面)一样（主要是iframe这个标签里面的name属性要和a标签里面的target属性名称一致，iframe可以设置css样式，指定大小和位置，局部刷新的内容都会在iframe里面展示）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" href="css/new_file.css" rel="stylesheet" />
</head>
<body>
    <ul>
        <li><a href="M2.html" target="myFrame">培养目标</a></li>
        <li><a href="M3.html" target="myFrame">培养目标</a></li>
    </ul>
    <iframe width="600" height="300" name="myFrame" class="zhouxingyu">
    </iframe>
</body>
</html>

2.第二个HTML/JSP页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h2>软件工程师实训课程体系培养目标</h2>
    <ul>
        <li>精通Java、JSP、Servlet、EJB、JDBC、SSH(Struts、Springs、Hibernate)等编程技术；</li>
        <li>掌握国化、规范化的软件工程方法及开发管理流程；</li>
        <li>精通基于Oracle/MySQL数据库的开发技术；</li>
        <li>掌握主流的商用及开源的应用平台及开发工具，熟悉开发环境；</li>
        <li>掌握面向对象的软件分析、设计方法OOA、OOD和UML工具；</li>
        <li>具备相当于1-2年的软件开发工作经验。</li>
    </ul>
    <hr>
    <p>版权所有&copy;2006-2010国家软件产业基地人才实训基地.保留所有权利</p>
</body>
</html>

3.第三个页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h2>课程内容</h2>
    <hr>
    <ol>
        <li>计算机应用与软件开发技术</li>
        <li>客户端网页编程</li>
        <li>关系型数据库及SQL语言</li>
        <li>面向对象的基础-Java实现</li>
        <li>XML基础</li>
        <li>Java Web编程</li>
        <li>Java数据库编程</li>
        <li>Java高级编程</li>
        <li>OOAD与UML</li>
    </ol>
    <hr>
    <p>版权所有&copy;2006-2010国家软件产业基地人才实训基地.保留所有权利</p>
</body>
</html>

3.运行结果（先点击最上面的培养目标连接，框框里面显示的是第二个页面的内容。再点击下面的培养目标链接，会显示第三个也页面的内容）