<iframe>用法及在后台管理界面一个应用
1.<iframe>标签的用法:
[html]
<iframe name="content" id="content" src="**.jsp" frameborder="0" scrolling="no" width="726px" height="850px"></iframe>
<iframe name="content" id="content" src="**.jsp" frameborder="0" scrolling="no" width="726px" height="850px"></iframe>
一个<iframe>标签包含了name id src等HTML必不可少的元素,这篇讲用<iframe>实现页面区域化显示,即当我点击某个链接的时候不是刷新整个网页,而是在这个<iframe>标签里面展示,让我们看一个具体的实例:
2.<iframe>标签的实例:
[html]
<div class="left">
<ul id="">
<li class="w"><a href="./indexpage.jsp" target="content"><span>首页</span></a></li>
<li class="b"><span>事件报表</span>
<ul class="s">
<li><a href="./List.jsp" target="content">列表</a></li>
<li><a>图形</a>
<ul class="sub">
<li><a href="./Chart.jsp" target="content">统计信息</a></li>
<li><a href="map.jsp" target="content">地图</a></li>
</ul>
</li>
</ul>
</li>
<li class="l"><a href="./readme.jsp" target="content"><span>操作说明</span></a></li>
<li class="t"><a href="./systeminfo.jsp" target="content"><span>系统简介</span></a></li>
</ul>
</div>
<!-- 主要内容 -->
<iframe name="content" id="content" src="indexpage.jsp" frameborder="0" scrolling="no" width="726px" height="850px"></iframe>
<div class="left">
<ul id="">
<li class="w"><a href="./indexpage.jsp" target="content"><span>首页</span></a></li>
<li class="b"><span>事件报表</span>
<ul class="s">
<li><a href="./List.jsp" target="content">列表</a></li>
<li><a>图形</a>
<ul class="sub">
<li><a href="./Chart.jsp" target="content">统计信息</a></li>
<li><a href="map.jsp" target="content">地图</a></li>
</ul>
</li>
</ul>
</li>
<li class="l"><a href="./readme.jsp" target="content"><span>操作说明</span></a></li>
<li class="t"><a href="./systeminfo.jsp" target="content"><span>系统简介</span></a></li>
</ul>
</div>
<!-- 主要内容 -->
<iframe name="content" id="content" src="indexpage.jsp" frameborder="0" scrolling="no" width="726px" height="850px"></iframe>从上面程序我们可以看到,当我点击左边导航栏的列表时,因为target="content",<iframe>标签的name="content"。所以会把List.jsp在<iframe>标签内展示,从而防止整页刷新。
补充:综合编程 , 其他综合 ,