如何使用jQuery或HTML5在所有页面上复制页眉和页脚?

时间:2013-04-05 18:17:11

标签: jquery html5 navigation footer dry

我知道使用rails和django,您可以使用模板将页眉和页脚作为单独的文件编写,并将其包含在您的所有网页中。我想知道,只有jQuery或html5可以实现这样的事情吗?如果是这样,怎么样?

<html>
    <head></head>
    <body>
        <navigation> include code from header.html here </navigation>
        ...
        some page specific content
        ...
        <footer>include code from footer.html here</footer>
    </body>
</html>

1 个答案:

答案 0 :(得分:4)

Ya,如果你使用jQuery的.load()函数。我认为它看起来像

$('footer').load('/assets/myfooter.html');

那应该这样做。

Documentation available here

你唯一能做的就是从另一个域获取html,因为相同的原始政策&#39;我认为这是为了防止CSRF攻击和/或会话劫持。