现在页面布局，大致如下：
1
865<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="banner">
<ul><li>菜单1</li><li>菜单2</li><li>菜单3</li></ul>
</p>
<p class="containerinfo">
<p 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>
</p>
<p id="main_middle">
<iframe frameborder="0" name="cboxframe" id="cboxframe" src=""></iframe>
</p>
</p>
</body>
</html>整个布局是上左右布局，操作如下：
点击菜单1时，左边栏显示栏目1和栏目2，右边首先显示栏目1链接的内容，点击栏目2之后显示栏目链接的内容
点击菜单2时，左边栏显示栏目3和栏目4，右边首先显示栏目3链接的内容，点击栏目4之后显示栏目链接的内容
点击菜单3时，左边栏显示栏目5和栏目6，右边首先显示栏目5链接的内容，点击栏目6之后显示栏目链接的内容iframe中加载的是相应链接的html页面
如果我不使用iframe的话，有没有什么好的实现方法？请大侠们给点意见？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
在angularjs中，有一个叫做
ng-include的指令，可以引入自己想要引入的模板部分被引入的部分会被当成子元素插入到该p中。这样可以实现按需引入，各方面都很棒。
这是目前我所知道的最简单的方法。使用iframe局限性很大，不建议。