javascript - 如何从适用于所有页面的单个页面更改页脚内容

Question

我为我的网站创建了一个页脚，其中最多有 50 个页面。考虑我的代码

<div id="footer">
<ul>
<li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="feedback.html">Feedback</a></li>
</ul>
</div>

现在如果我被要求在页脚内容中添加“联系我们”选项，我需要转到所有页面并且必须添加“联系我们”选项。这有点刺激和耗时。必须有从单页更改页脚内容的选项。请在这个问题上帮助我。如果有任何 jquery 代码来实现这一点，那将更加感谢我。

Answer 1

去包含文件

 <div id="footer">
 <!--#include virtual="footer.html" -->  //your menu in this file
 </div>

并在开始编码之前查看服务器端包含。

Answer 2

你可以.append()在jquery中使用。作为：

$("#footer ul").append('<li><a href="contact.html">Contact</a></li>');