使用纯HTML在文件中包含HTML标记,并禁止创建其他文档结构

时间:2014-03-03 16:05:57

标签: html html5

我有一个HTML文件,我想在其他文件中包含HTML标记,例如:

子内容-1.HTML: <div>This is the <b>sub-content</b> that should be included</div>

我从这个答案中尝试了以下解决方案:HTML5 include file

<object name="included" type="text/html" data="sub-content-1.html"></object>

<embed type="text/html" src="sub-content-1.html">

我遇到的问题是它不仅包含html文件的内容,还在对象(嵌入)元素中生成附加HTML/HEAD/BODY - 结构并包装内容内。因此,包含的内容被视为单独的文档,不使用我的css样式。我没有在文件中指定这个html结构(只有内容),我不希望它被视为一个单独的文档。

我尝试将MIME类型指定为text/plain,希望它能按原样加载它。但是,仍会生成html结构,内容将包含在<pre> - 标记内。

所以我想要HTML做的只是包含标记,而不生成额外的文档结构。怎么办呢?

1 个答案:

答案 0 :(得分:1)

如果您使用jQuery,则可以使用.load()函数。

如果没有,您可以使用XMLHttpRequest对象并通过AJAX将内容加载到DOM中。