html - 将外部 HTML 文件包含到另一个 HTML 文件中

Question

如何将外部 html 文件插入到我的文件中？

例如：

<div id="header">

       Here show the external HTML code in the file, for example: name.html

</div>

非常感谢！

Answer 1

另一种方法是使用对象标签。这适用于 Chrome、IE、Firefox、Safari 和 Opera。

<object data="html/stuff_to_include.html"> 
    Your browser doesn’t support the object tag. 
</object>

更多信息请访问 http://www.w3schools.com/tags/tag_object.asp

Answer 2

您可以为此使用 jquery 加载。

<script type="text/javascript">
$(document).ready(function(e) {
    $('#header').load('name.html',function(){alert('loaded')});
});
</script>

不要忘记在上述代码之前包含 jquery 库。

Answer 3

您正在寻找<iframe>标签，或者更好的是，一种服务器端模板语言。

Answer 4

iframe元素。

<iframe src="name.html"></iframe>

但是，您想要出现在多个页面上的内容最好使用模板来处理。