javascript - 如何将一个html文件包含在另一个html文件中？最好、最有效的方法是什么？-6ren

javascript - 如何将一个html文件包含在另一个html文件中？最好、最有效的方法是什么？

转载作者：行者123 更新时间：2023-11-28 18:39:03

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

来做到这一点

Ajax
HTML5 导入(大多数浏览器不支持，所以没用)

还有什么办法吗？或任何能够保证性能的最佳方法。

提前致谢...

解决方案:只是想在这里更新我解决这个问题的方法。我正在使用咕噜。因此，我使用其中可用的 include 插件，该插件是我在创建构建期间运行的，以将不同的 HTML 文件包含在一起。不管怎样，谢谢您的宝贵时间...

最佳答案

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