html - 仅使用 HTML 和 CSS 跨多个站点的菜单列表

Question

有没有办法在多个页面之间共享 HTML？例如，常见的菜单栏或页脚。我知道这可以使用 php include 来完成，但是我有空间的网络服务器只允许 HTML/CSS。

Answer 1

如果您真的必须在客户端执行包含，则可以使用 jQuery 和 AJAX 调用来完成。使用这样的东西:

<script type="text/javascript">
$(document).ready(function() {
    $.ajax({
        url: 'http://www.example.com/header.htm',
        success: function(data) {
            $("#header").html(data);
        },
    });
}
</script>

然后你只需要将一个 id 为 'header' 的 div(或者你在上面的脚本中替换 #header 的任何内容)放入你的 HTML 正文中，如下所示:

<div id="header"></div>

这应该可以解决问题。显然，最好在服务器端执行此操作 - 因为关闭 Javascript 的任何人都不会以这种方式看到任何“包含”的文件，但您的问题涵盖了这背后的原因!