我试图在另一个HTML文件div中包含一个HTML文件,如下所示,

 <body>
  <form action="#" method="post">
     <div class="container">
        <div class="sidebar">
           <!-- Do not insert any tags here -->
        </div>
        <div class="contentbody">
          <div class="titlearea">
              <div class="userprofile"></div>
              <div class="pageheading">
                 <h1>Page Heading</h1>
              </div>
           </div>
           <div class="formarea">
              <!-- This is where I have to put the html page which contains a navigatin menu-->

                        <!--#include virtual="menuset1.html" -->

           </div>
        </div>
     </div>
  </form>




但是,当我在chrome上运行它时,它没有显示(menuset1),当我在Dreamweaver上对其进行测试时,它出现在所有元素的后面,并且位置不正确,请指导我。

最佳答案

我认为您应该像这样使用jquery

<head>
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  ....
  ....
  <script>
    $(function(){
       $(".formarea").load("menuset1.html");
    });
  </script>




或使用PHP之类的方式,

<div class="formarea">
    <?php
      include('menuset1.html');
    ?>
</div>


阅读php inclusion of files

09-11 17:36