Question

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

 <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上测试它时，它从所有元素的后面出现而不是在正确的位置，请指导我。

Answer 1

我认为你应该使用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

将HTML文件放在另一个HTML文件的div中

1 个答案: