php 引用公共的代码片段,在HTML页面中引入公共的部分的代码

在做前端网页的时候，会涉及到很多界面，有的时候，这些界面都会有重复的代码，比如侧边栏菜单的重复代码，头部导航的 重复代码，底部的重复代码，这个时候，为了使每个页面的代码看起来简洁明了，我们需要把这些重复的代码放到公共的页面里面，在具体页面只需引用即可。

主要代码

$("#head").load("com/head.html");

$("#side").load("com/side.html");

1：在文件里面新建head.html和side.html

2：打开head.html，side.html类似

将头部重复的代码复制在head.html界面里面

head.html

• 3

  • 

    危险区域报警

  • 

    滞留报警

  • 

    sos报警

  • 

    脱岗串岗报警

• 9

  • 南通部分

  • 无锡部分

  • 苏州部分

  • 成都部分

• 

  王婷

  Admin

  • 修改密码
  • 退出登录

side.html

• 实时监控
• 数据管理
  • 人员管理
  • 访客管理
• 目标位置
  • 员工位置
  • 访客位置
• 轨迹回放
• 电子考勤
  • 签到设置
  • 签到查询
• 告警信息
  • 员工告警
  • 访客告警
• 账户管理
  • 部门管理
  • 用户管理
  • 权限管理
• 系统配置
  • 围栏配置
  • 参数配置

3：在当前界面(test.html)引入公共代码

test.html

Home

内容

$("#head").load("com/head.html");

$("#side").load("com/side.html");

4：这个时候，就化繁为简了，页面代码看上去也就清爽多了。

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。

坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，可以加入qq技术交流群聊：260352626。