Robocop_Mao
Robocop_Mao

iframe的name属性用法（配合a标签的target属性实现页面局部刷新）

iframe的name属性配合a标签的target属性实现页面局部刷新：

页面一代码：


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
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">
    iframe>
body>
html>

页面二（M2.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>版权所有©2006-2010国家软件产业基地人才实训基地.保留所有权利p>
body>
html>

页面三（M3.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与UMLli>
    ol>
    <hr>
    <p>版权所有©2006-2010国家软件产业基地人才实训基地.保留所有权利p>
body>
html>

只需要将iframe的name属性值和a标签的target属性值设置为一样，即可在页面中点击超链接实现局部刷新。
这只是一种老的方法，以后会学ajax实现页面局部刷新功能。

你可能感兴趣的:(WEB前端)