现在页面布局，大致如下：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="banner">
<ul><li>菜单1</li><li>菜单2</li><li>菜单3</li></ul>
</div>
<div class="containerinfo">
<div id="main_left">
<ul><li>栏目1</li><li>栏目2</li></ul>
<ul><li>栏目3</li><li>栏目4</li></ul>
<ul><li>栏目5</li><li>栏目6</li></ul>
</div>
<div id="main_middle">
<iframe frameborder="0" name="cboxframe" id="cboxframe" src=""></iframe>
</div>
</div>
</body>
</html>整个布局是上左右布局，操作如下：
点击菜单1时，左边栏显示栏目1和栏目2，右边首先显示栏目1链接的内容，点击栏目2之后显示栏目链接的内容
点击菜单2时，左边栏显示栏目3和栏目4，右边首先显示栏目3链接的内容，点击栏目4之后显示栏目链接的内容
点击菜单3时，左边栏显示栏目5和栏目6，右边首先显示栏目5链接的内容，点击栏目6之后显示栏目链接的内容iframe中加载的是相应链接的html页面
如果我不使用iframe的话，有没有什么好的实现方法？请大侠们给点意见？
在angularjs中，有一个叫做ng-include的指令，可以引入自己想要引入的模板部分
<div ng-include="example.html"></div>被引入的部分会被当成子元素插入到该div中。这样可以实现按需引入，各方面都很棒。
这是目前我所知道的最简单的方法。使用iframe局限性很大，不建议。
当然，你把所有的内容都写在一个html里面这样的笨办法也是ok的