a标签与iframe联动

做导航页面时，遇到如何保持侧边栏导航保不变，点击链接刷新正文的需求。iframe标签是核心，可以实现页面内嵌在此页面。

导航界面基本元素：ul，a

<ul>
     <li><a href="" target="xxx"></a></li>
     <li><a href="" target="xxx"></a></li>
     <li><a href="" target="xxx"></a></li>
 </ul>

内嵌页面：iframe

<iframe src="x.html" name="xxx" frameborder="0" width="85%" height="100%" ></iframe>

其中，x.html 为默认内嵌页面，frameborder=”0”,代表无边框，frameborder=”1”,代表有边框。

使得导航界面与内嵌界面相关联的关键是iframe的name属性，让a标签的target指向iframe的name，那么导航栏里的超链接就能在内嵌窗口内打开。

可能是图层和样式的原因，点击导航的效果页面会覆盖内嵌页面，把iframe的width由100%改为<100%即可解决。应该是存在某个优先级，暂时不管了。