将外部HTML文件包含在另一个HTML文件中

use*_*899 20 html

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

例如:

<div id="header">

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

</div>
Run Code Online (Sandbox Code Playgroud)

非常感谢你!

小智 42

另一种方法是使用object标签.这适用于Chrome,IE,Firefox,Safari和Opera.

<object data="html/stuff_to_include.html"> 
    Your browser doesn’t support the object tag. 
</object>
Run Code Online (Sandbox Code Playgroud)

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

  • 这会导致 href 出现问题。默认情况下,它们在对象的框架内加载。您需要将 hrefs 目标标记为父 http://stackoverflow.com/a/1037870/852806 (3认同)

Raj*_*iya 11

你可以使用jquery加载.

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

不要忘记在上面的代码中包含jquery库.

  • 虽然技术上是正确的(这确实会加载外部HTML文件),这就像用反铲进行肾脏手术一样.由于这个问题甚至没有被标记为jQuery,这表明出去并为了进行肾脏手术的明确目的而获得反铲 - 更糟糕的是. (5认同)

SLa*_*aks 7

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