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