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。

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

1 个答案: