Question

我正在尝试找到最佳解决方案，以将HTML模板页眉/页脚文件加载到另一个文件中（例如家庭，联系信息...）。我正在使用HTML5，但是如果PHP是最好的方法，则可以使用PHP Include.

将其转换为PHP。

目前，我在例如index.html文件中使用load() jquery函数：

    $(function(){
$("header").load("http://residenciarucab.es/rucab/generic-html/header.html")
$("footer").load("http://residenciarucab.es/rucab/generic-html/footer.html")
});

问题是，如果我在script文件中有一个index.html，在class或header.html上调用footer.html，则script 找不到它，除非class或id 与脚本位于同一文档中。这就是为什么我要搜索最好的方法，也要修复此问题。

Answer 1

您需要处理从header.html和footer.html加载数据之后的情况。像这样在callback complete中进行操作：

<script>
$("header").load("http://residenciarucab.es/rucab/generic-html/header.html",function( ) {
  //loaded html here
  // you can start to do magic with the header.html elements here.
})

$("footer").load("http://residenciarucab.es/rucab/generic-html/footer.html",function( ) {
  // loaded html here
  // you can start to do magic with the footer.html elements here.
})
</script>

但这不是最佳解决方案，您应该在服务器端呈现模板，以避免javascript出现网络/浏览器问题，并且最好用于SEO。

Answer 2

如果您需要后退语言，则可以使用PHP，但是如果不需要，则可以使用任何js库或框架，例如React或Angular甚至更简单的VueJS

在另一个文件中加载页眉/页脚文件模板的最佳方法

2 个答案: