Question

有没有办法在另一个HTML文件中包含一个HTTP请求（包含text / html或text / plain）的内容？当然，这可以通过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>

otherResource.html：

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

Answer 1

您可以尝试使用iframe。

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

Answer 2

如果您正在考虑从其他页面中添加文本（例如页脚或页眉），并且只想尝试找到包含该文本的方法，则可以尝试使用模板引擎。

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

例如，使用上面链接中的EmbedJS：

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

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

另一种选择是使用Dreamweaver等工具来完成它。

最后，在将html放在服务器上之前，您可以使用脚本执行此操作。

如何从纯HTML加载html文本？

2 个答案: