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>
到需要的页面即可
使用面向对象复用头部
最新推荐文章于 2022-03-27 10:41:50 发布