Question

我正在寻找一种将一个html文件包含在另一个中的最佳方法。基本上需要创建一个页眉和页脚文件，它将包含在整个应用程序的多个页面中。页眉/页脚文件可能包含必需的css和js。我可能想要包含一些其他模板，我可以用它们弹出等等。我知道我们可以通过

来做到这一点

的Ajax
HTML5导入（大多数浏览器都不支持。所以没用）

还有其他方式吗？或任何最好的方式来处理表现。

提前致谢...

解决方案：我想在这里更新我为这个问题采取的方法。我正在使用Grunt。所以我使用了我在创建构建过程中运行的include插件，将不同的HTML文件包含在一起。无论如何，谢谢你的时间......

Answer 1

<html>
<head>
<title></title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script> 
$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script> 
</head>
<body>
<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>
</body>
</html>

将header.html和footer.html包含在与index.html相同的位置

Answer 2

我使用PHP。＆＃34;父母＆＃34;页面必须是.php文件，但除了一小部分PHP include命令外，它可以看起来像HTML页面。在要包含其他文件的位置，使用

<?php
include "my_other_file.php";
?>

如何在另一个中包含一个html文件？什么是最好和最有效的方式？

2 个答案: