包括来自另一个html文件的html菜单栏

Question

我有2个html文件x和y.html。我尝试了两种不同的方法来解决这个问题：我如何在iframe和javascript中包含html文件？

它是菜单文件y。 HTML

<!--sidebar start--> 
    <aside> 
    <div id="sidebar" class="nav-collapse"> 
    <!-- sidebar menu start--> 
    <div class="leftside-navigation"> 
     <ul class="sidebar-menu" id="nav-accordion"> 
      <li> 
       <a class="active" href="index.html"> 
        <i class="fa fa-dashboard"></i> 
        <span>Home</span> 
       </a> 
      </li> 

      <li class="sub-menu"> 
       <a href="javascript:;"> 
        <i class="fa fa-tasks"></i> 
        <span>Lists</span> 
       </a> 
       <ul class="sub"> 
        <li><a href="form_component.html">Shopping List</a></li> 
        <li><a href="advanced_form.html">To-Do List</a></li> 

       </ul> 
      </li> 
      <li class="sub-menu"> 
      <a href="profile.html"> 
       <i class="fa fa-glass"></i> 
       <span>Profil</span> 
      </a> 

     </li> 


     <!-- sidebar menu end--> 
    </div> 
</aside> 
<!--sidebar end--> 

的是主索引页x.html

<!--sidebar start--> 
<aside> 
    <div id="sidebar" class="nav-collapse"> 
     <!-- sidebar menu start--> 

       <!-- MENU SHOULD BE HERE--> 

     <!-- sidebar menu end--> 
    </div> 
</aside> 

Answer 1

你不能做到这一点与HTML。

但是你可以在你的情况下用PHP

<?php include("menu.html"); ?> 

所以：

<!--sidebar start--> 
<aside> 
    <div id="sidebar" class="nav-collapse"> 
     <!-- sidebar menu start--> 

       <?php include("menu.html"); ?> 

     <!-- sidebar menu end--> 
    </div> 
</aside> 

确保您的服务器支持PHP。