也可以用jQuery引入:
<div class="include" file="header.html"></div>
<div class="include" file="footer.html"></div>
<script type="text/javascript">
$(".include").each(function(){
if(!!$(this).attr("file")) {
var $includeObj = $(this)
$(this).load($(this).attr("file"), function(html){
$includeObj.after(html).remove() //加载的文件内容写入到当前标签后面并移除当前标签
})
}
})
</script>
1、新建一个header.html头部文件2、在你说的多个html页面引入即可
示例:index.html文件引入公用头部header.html
在index.html文件开始加入:<include file="header.html" />
file内填写的是你需要引入的文件的详细地址,可以是相对地址,也可以是绝对地址!