我试图在另一个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