网上都说用bootstrap代替ifream。
需求:把页面划分成top(顶部导航栏),left(左侧导航栏),central(显示主体)三部分
ifame方案:index页面,写好top,left内容,最后引入ifream,a标签中使用target属性跳转到iframe
<div class="navbar navbar-fixed-top" style="background: #1186CB;">
top内容
</div>
<div class="span3">
left内容
<ul id="main-nav" class="nav nav-tabs nav-stacked">
<li class="active">
<a href="./selectfile.html" target="main">
<i class="icon-arrow-up"></i>
上传excel
</a>
</li>
</ul>
</div>
<div class="span12">
<iframe name="main" scrolling=no frameborder=no>
</iframe>
</div>
bootstrap方案:写公共的top.jsp, left.jsp 在每个页面中引入
<%@ include file="includetop.jsp" %>
好处:
- 使用bootsrap模态框,不会出现只遮罩子frame,无法遮罩整个ifream的情况,正是这个原因,paoqile
- 只用修改一次