将 HTML 片段添加到 HTML 中？ [复制]答案

【问题标题】：Adding HTML snippets into HTML? [duplicate]将 HTML 片段添加到 HTML 中？ [复制]
【发布时间】：2014-02-07 21:09:28
【问题描述】：

有没有办法将 HTML 从一个文件嵌入到另一个文件中？这对于制作页眉或页脚很有用，不需要在每个文件中粘贴相同的代码。

【问题讨论】：

为此使用 php include。
你使用什么服务器端语言？
@VikasSangle 但有没有办法在没有 PHP 的情况下做到这一点？
@kyr 你可以使用 ajax 来实现
使用 jquery stackoverflow.com/questions/8988855/…

标签： javascript jquery html

【解决方案1】：

这适用于 php：

<?php 
    include("header.html");
?>
<p>Here you can write your text</p>
<?php
    include("footer.html");
?>

这是最简单的工作

【讨论】：

【解决方案2】：

如果你不想使用 php，可以将grunt 与 twig 生成器结合使用，你将在 html 页面中拥有 Twig 的强大功能（例如：包含、布局继承等）。

然后使用grunt build，您将生成一个包含所有决赛html页面的dist文件夹。

生成器示例：https://github.com/polem/generator-gruig

【讨论】：

这是要走的路，不过我用的是 Jade。

【解决方案3】：

您可以使用jQuery代码调用它们，将其插入您的网页头部。

<head>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>     

<script> 
 $(function(){
  $("#includedContent").load("/path/to/filename.html"); 
  });
</script> 

</head>

您可以通过插入在网页的任何位置显示它

 <div id="includedContent"></div>

【讨论】：

查看更新的代码以在您的网页中调用文件！

【解决方案4】：

您可能需要考虑在 asp.net 中使用母版页，或者使用 iframe，其中页眉、页脚和 iframe 位于父级上，内容加载到子 iframe 中。

【讨论】：