如何从纯 html 加载 html 文本？答案

【问题标题】：How can you load html text from pure html?如何从纯 html 加载 html 文本？
【发布时间】：2015-10-20 23:36:49
【问题描述】：

有没有办法将一个 HTTP 请求的内容（包含 text/html 或 text/plain）包含在另一个 HTML 文件中？当然，这可以通过 AJAX 或在服务器端完成，但我对纯浏览器 HTML 方式感兴趣。也许使用<link> 标签，或者我不熟悉的一些 HTML5 方法？

例如： index.html：

<!DOCTYPE html>
<html>
<head></head>
<body>
    <p>This is my text loaded from the original document</p>
    <p>This is text I want to load from another file: <span id="other"><!-- link other resource here --></p></span>
</body>
</html>

其他资源.html：

<p>This is from another resource</p>

【问题讨论】：

标签： html

【解决方案1】：

您可以尝试使用iframe。

<iframe src="page.html" width="300" height="300"></iframe>

【讨论】：

【解决方案2】：

如果您正在考虑包含来自其他页面的文本，例如页脚或页眉，并且只是想找到一种方法来包含它们，您可以尝试使用模板引擎。

模板信息：http://www.creativebloq.com/web-design/templating-engines-9134396

例如上面链接中的 EmbedJS：

new EJS({ url: "template.ejs" }).render({ name: "Jack" });

将允许您在名为 template.ejs 的文件中包含一个模板。

另一种选择是使用诸如 Dreamweaver 之类的工具来完成它。

最后，您可以在将 html 放到服务器上之前使用脚本来完成。

【讨论】：