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);"> <i
											class="fa fa-bar-chart-o"></i> <span>${menu.name}</span> <i
											class="fa fa-angle-left pull-right"></i>
									</a>
										<ul class="treeview-menu">
											<c:forEach items="${menuList}" var="menu2" varStatus="vs">
												<c:if
													test="${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>