美文网首页
html引入公共头部和底部问题

html引入公共头部和底部问题

作者: canvas_mo | 来源:发表于2018-08-25 10:00 被阅读0次

新接手的项目,经过了也不知道几手了,项目的手法比较‘古老’,每个页面的头部与底部都是单独写点(复制、粘贴),如果每个页面都复制一遍,不仅工作量大而且万一需要修改一下文章就更麻烦了,这时候就需要我们把公共部分提取出来,等需要的时候再引入页面。在网上找了好久,也尝试了几次,觉得对前端来说最好的方法就是使用jQuery的load函数,

/*导入头部和尾部*/
$(document).ready(function(){

$('footer').load("page/footer.html");

});

需要注意的是:要引入的公共部分不要写html结构,只要写头部或者底部的结构即可

相关文章

  • html引入公共头部和底部问题

    新接手的项目,经过了也不知道几手了,项目的手法比较‘古老’,每个页面的头部与底部都是单独写点(复制、粘贴),如果每...

  • 多个html 引入公共的头部和底部

    由于前后端分离后,前端多页面必须处理公共头部,不然十多个页面,每个页面修改,怕是要疯了,百度后,有两种方案,一是i...

  • html 如何引入公共的头部和底部

    这个问题其实应该算是一个一直困扰我等前端开发者的心魔了,当然说得夸张些了。今天很冷得嘛,上午去了一趟省图书馆,把几...

  • 前端学习-01 HTML引入公共头部和底部

    在一些官网通常需要引入公共头部和底部, 同时设置头部相应导航栏的高亮显示解决方法: 通过jQuery的load方法...

  • HTML页面引入公共的头部、底部、模块

    网页公共的部分很多,如果每个页面都要写或者修改,太麻烦,百度后,有两种方案,一是iframe,是之前比较常用的,但...

  • 2020-05-22 vue实现部分页面导入底部 vue配置公用

    vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏 在app.vue文件里引入公共的header...

  • php引入文件的两种方式

    php引入外部文件,最常见的是引入公共头部或底部。有两种方式:1.include 2.require 两者的不同:...

  • 月坤

    ## 页面:参观团-详情页 ### 模块: * 公共头部模块 * 公共底部模块 * 公共右侧联系方式模块 * 头部...

  • 《HTML公共页脚的抽取》

    《HTML公共页脚的抽取》 很多页面底部页脚的内容和样式都是一样的,将页脚提取成公共的文件,使用时再引入是一个不错...

  • 前端命名

    一、HTML文件命名 header.html----头部页面 footer.html------底部页面 user...

网友评论

      本文标题:html引入公共头部和底部问题

      本文链接:https://www.haomeiwen.com/subject/xcbwiftx.html