Question

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

Answer 1

我认为您可以使用Javascript和AJAX调用来获取常见的HTML内容并将其动态插入到您的页面主体中。

另一种解决方案是使用iframe。

Answer 2

将HTML保存为包含在JavaScript文件中的字符串，并使用innerHTML（）将其呈现为页面上的元素。您可以通过标记中的onLoad（）属性触发渲染。

JavaScript文件： var html =“您的HTML代码”;

HTML页面： ...

... ...

Answer 3

你可以使用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的人都不会以这种方式看到“包含”任何文件，但你的问题涵盖了背后的原因！

仅使用HTML和＆amp ;;跨多个网站的菜单列表CSS

3 个答案: