新接手的项目,经过了也不知道几手了,项目的手法比较‘古老’,每个页面的头部与底部都是单独写点(复制、粘贴),如果每个页面都复制一遍,不仅工作量大而且万一需要修改一下文章就更麻烦了,这时候就需要我们把公共部分提取出来,等需要的时候再引入页面。在网上找了好久,也尝试了几次,觉得对前端来说最好的方法就是使用jQuery的load函数,
/*导入头部和尾部*/
$(document).ready(function(){
$('footer').load("page/footer.html");
});
需要注意的是:要引入的公共部分不要写html结构,只要写头部或者底部的结构即可