javascript - 我想在一个网站中每一个页面使用公共的头部底部，怎么实现，不要太高深的-PHP中文网问答

微信公众号讲师中心

首页

文章

web3.0 后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发 UI设计计算机基础

编程手册

大前端 JavaScript 后端开发数据库移动端运维开发 UI设计计算机基础 XML Web Services

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

web3.0 后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程

javascript - 我想在一个网站中每一个页面使用公共的头部底部，怎么实现，不要太高深的

天蓬老师 2017-04-10 16:45:03

[JavaScript讨论组]

470

我想在一个网站中每一个页面使用公共的头部底部，怎么实现，不要太高深的。

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(8)

天蓬老师2017-04-10 16:47:03 8楼

仅供参考：

使用JS动态请求统一的头尾，然后插入指定位置
后端方案，#include('header.vm') 批量修改模板，但是得注意兼容问题
服务器端，如果使用的是 nginx，开启 sub_filter 模块

subs_filter '<body>' '<body>公共头JS代码' i;

推荐使用第一种方法，总有公共的JS引用吧！

赞 +0

添加回复

PHP中文网2017-04-10 16:47:03 7楼

可以使用模板啊，前端的模板我知道jade。可以把公共部分定义为mixin，然后include到每个需要的页面中，具体参考这里

在php后端，你也可以定义一个变量，把需要的html作为字符串保存在这个变量里，然后echo到每个页面中。
当然，这需要你先定义一个父类，所有请求先通过这个父类，父类处理一些公共逻辑，比如加header/footer，子类则处理更具体的逻辑。

反正都需要一定的重构。

赞 +0

添加回复

ringa_lee2017-04-10 16:47:03 6楼

主要看你用的什么框架，大多数框架都有模板，利用模板就能提出公共组件，拿来复用。

赞 +0

添加回复

迷茫2017-04-10 16:47:03 5楼

header
内容
footer

赞 +0

添加回复

PHP中文网2017-04-10 16:47:03 4楼

页面1.html

include 'header';
页面1内容
include 'footer';

页面2.html

include 'header';
页面2内容
include 'footer';

赞 +0

添加回复

迷茫2017-04-10 16:47:03 3楼

创建一个header.php和一个footer.php，里面写你要的header和footer的内容

然后在要引入header和footer的页面

<?php include 'header.php'; ?>
其他内容
<?php include 'footer.php'; ?>

赞 +0

添加回复

PHPz2017-04-10 16:47:03 2楼

PHP实现：

include 'header.html';
...
include 'footer.html';

JS实现：

<p id="header"></p>
...
<p id="footer"></p>
<script>
   $('#header').load('header.html');
   $('#footer').load('footer.html'); 
</script>

赞 +0

添加回复

黄舟2017-04-10 16:47:03 1楼

是的，定义公共的头文件和尾文件后，在主文件中进行包含就可以了，至于变量什么的，处理都一样
http://document.thinkphp.cn/manual_3_2.html#template_layout

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>