时间戳

首页 > 解决方案 > 在另一个文件中加载页眉/页脚文件模板的最佳方式

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

问题描述

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

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

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

问题是，如果我有一个在or上调用 a的scriptin文件，则找不到它，只有当or与脚本位于同一文档中时。这就是为什么我正在寻找最好的方法来解决这个问题。index.htmlclassheader.htmlfooter.htmlscript classid

标签： phpjqueryhtml

解决方案

从header.html和footer.html加载数据后需要处理。在回调中完成，如下所示：

<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。

推荐阅读