我们如何避免在每个html页面中重复页眉和页脚代码

Question

我有几十个html页面,每个页面也有相同的页眉和页脚标签我可以有一个页面与完整的页眉和页脚,我将从其他HTML页面引用该特定页面.

Answer 1

如果您不关心禁用JavaScript或使用某些移动平台的用户,则可以使用JavaScript来执行此操作.

headerfooter.js

window.onload = function ()
    {
        var header = document.getElementById('header');
        var footer = document.getElementByID('footer');

        header.innerHTML = "<h1>My website</h1><h2>Rules</h2>";
        footer.innerHTML = "<small>This code is in the public domain</small>";
    }

page.html中

<html>
  <head>
    <script type="text/javascript" src="headerfooter.js"></script>
  </head>
  <body>
    <div id="header"></div>
    ... Your content ...
    <div id="footer"></div>
  </body>
</html>

但不要这样做,这是用户不友好,不专业.只需坚持使用php,或构建一个不需要在以后编辑的实体模板.