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

本文介绍如何通过设置iframe的name属性和a标签的target属性来实现在页面中点击超链接进行局部刷新的功能,同时提及未来将学习使用ajax实现更高效的技术更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

页面一代码:

<!DOCTYPE html>
<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)代码:

<!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>

页面三(M3.html)代码:

<!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>

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值