频道栏目
首页 > 程序开发 > 综合编程 > 其他综合 > 正文
<iframe>用法及在后台管理界面一个应用
2013-04-09 13:42:24      个评论      
收藏   我要投稿

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] 
<p 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> 
</p> 
 
    <!-- 主要内容 --> 
   <iframe name="content" id="content" src="indexpage.jsp" frameborder="0"  scrolling="no" width="726px" height="850px"></iframe> 

<p 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>
</p>

    <!-- 主要内容 -->
   <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>标签内展示,从而防止整页刷新。

 

点击复制链接 与好友分享!回本站首页
相关TAG标签 界面
上一篇:三层架构实现登陆注册功能
下一篇:2013年4月TIOBE编程语言排行榜:Objective-C排名首次下滑
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站