在一个html页面中加载不同的页面？

Question

我正在使用Bootstrap构建一个管理页面。在管理页面中，我有一个侧边菜单和一个内容块，并且我想在点击时将当前菜单项更改为“活动”类，并根据菜单项显示不同的内容。目前，我为每个菜单项拥有不同的html页面。我觉得这很不方便，因为如果我想改变侧边菜单或其他所有页面的共同点，我必须对每个html脚本进行相同的更改。因此，我正在考虑根据点击哪个菜单项来显示不同内容的父页面。很容易的东西，虽然有很多方法可以做到这一点，例如使用iframe，使用JS显示和隐藏不同的div，或加载链接等内容。

不同方法的缺点和优势是什么，哪一种最常用？

下面是一些示例代码：

<section class="sidebar"> 
    <ul class="sidebar-menu"> 
     <li class="active"> 
      <a href="overview.html">Overview</a> 
     </li>    
     <li> 
      <a href="theme.html">Theme</a> 
     </li> 
    </ul> 
</section> 

<section class="content"> 
    Content 
</section> 

Answer 1

这个问题没有一个很多事情要做引导。 许多框架都允许使用模板页面，这样就不需要重复每个页面通用的代码。我强烈建议使用某种模板或允许它的框架。

我肯定会避免iframe。使用Javascript框架是一个很好的解决方案。我会检查出像流星js或角js这样的框架，这将允许您创建单页应用程序，并轻松更改页面的主要内容而无需重新加载页面。