iframe的name属性⽤法(配合a标签的target属性实现页⾯局部刷新)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>
html ul标签<li>具备相当于1-2年的软件开发⼯作经验。</li>
</ul>
<hr>
<p>版权所有©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>版权所有©2006-2010国家软件产业基地⼈才实训基地.保留所有权利</p>
</body>
</html>
只需要将iframe的name属性值和a标签的target属性值设置为⼀样,即可在页⾯中点击超链接实现局部刷新。 这只是⼀种⽼的⽅法,以后会学ajax实现页⾯局部刷新功能。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。