使用面向对象复用头部

1.创建一个header.js文件夹
function Header(){
	this.createDom()
}

Header.template=`需要复用的内容`

$.extend(Header.prototype,{
	createDom:function(){
		$(Header.template).appendTo("填入需要添加的标签class名")
	}
})

2.创建一个index.js文件夹
function Index() {
	this.loadheader()
}

$.extend(Index.prototype, {
	loadheader:function() {
		new Header();
	}
});

new Index()

3.引入
 <script src="js/header.js"></script>
 <script src="js/index.js.js"></script>
 到需要的页面即可