在一個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這樣的框架，這將允許您創建單頁應用程序，並輕鬆更改頁面的主要內容而無需重新加載頁面。