将一个页面中链接指向的页面显示在链接所在页面的 iframe 标签内

在最近的前端学习中,想做一个后台管理界面的效果,类似如下:

Header 和Aside 固定,Aside中包含菜单选项;点击Aside中选项链接,链接的页面显示在main中<iframe>标签内.

之前一直疑惑,难道点击链接不是会重新打开一个页面吗?那这个页面的头部和侧边部分不就消失了么…

其实,只要在链接标签中设置一个属性即可;
<a href= "a.html " target= "iFrame1 ">链接 </a>
这里面的target属性指向<iframe>标签的name属性;
<iframe name="iFrame1 " class="el-main" src="abc.html" width="100%" height="580px" frameborder="0">