IFrame的使用

使用bootstrap时，菜单总是刷新，使用iframe 解决这类问题，记录一下

demo:

<div>

<a href="PageOne.html"  target="c">教师信息</a><br />
<a href="PageTwo.html"  target="c">学生信息</a><br />
</div>
<div>
<iframe name="c"  src="PageOne.html"></iframe>

</div>

<div class="wrapper row-offcanvas row-offcanvas-left"><!-- 导航菜单 --><div><aside class="left-side sidebar-offcanvas"><section class="sidebar"><div class="user-panel"><div class="pull-left info"><p style="font-size: 18px;">功能列表</p></div></div><div><c:forEach items="${menuList}" var="menu" varStatus="vs"><c:if test="${menu.level == 1}"><ul class="sidebar-menu"><li class="treeview"><a href="javascript:void(0);"> <iclass="fa fa-bar-chart-o"></i> <span>${menu.name}</span> <iclass="fa fa-angle-left pull-right"></i></a><ul class="treeview-menu"><c:forEach items="${menuList}" var="menu2" varStatus="vs"><c:iftest="${menu2.level == 2 && menu2.parentId == menu.menuId}"><li><a href="<%=basePath%>${menu2.url}" target="c"><i class="fa fa-angle-double-right"></i> ${menu2.name}</a></li></c:if></c:forEach></ul></li></ul></c:if></c:forEach></div></section><!-- /.sidebar --></aside></div><!-- 右侧内容 --><div>  <aside class="right-side"><section class="content"><div><iframe name="c"  src="<%=basePath%>home/main"  width="100%" height="1000" frameborder="0"></iframe></div></section>  </aside> </div><!-- /.right-side --></div>