Javascript 从另一个页面抓取HTML

我有两个HTML文件：一个用作模板，提供导航、侧栏等，另一个包含主要内容。我试图找出如何最好地将内容插入模板。我需要持久的URL，所以我的计划是让内容页面实质上用模板替换自己，将文本插入到结果页面中。我对前端编程非常陌生，我怀疑这可能是一种反模式，所以我的第一个问题是我是否选择了正确的方法。这个问题似乎是普遍存在的，我相信一定有一个最佳实践，尽管我还没有看到它被讨论过。如果这是一种可以接受的方式，那么什么JavaScript函数允许我同时访问两个不同页面的HTML

---

[编辑：这是GitHub上的一个小页面]

不要这样做。在当前的实现中，HTML不是为模板引擎而设计的。您可以使用，但它在浏览器中没有完全支持。（）

通常可通过以下方法解决此问题：

• 使用前端框架。像angular.js或polymer.js（and）这样的库通常支持以不同的形式导入HTML文档

• 构建应用程序HTML。像grunt.js这样的任务运行程序通常包含HTML

• 使用服务器端技术从基本布局扩展HTML

如果您的应用程序必须由不同的HTML组成，我建议您尝试。它是用于web组件的polyfill，默认情况下设计为以这种方式工作

UPD:

关于编辑您的问题。似乎您只需要HTML的模板引擎。你可以用谷歌搜索。我使用python模板引擎jinja2的-javascript端口。它是轻量级的，简单的，并且可以直接在浏览器中编译

---

另一种方法是使用特殊工具构建静态网页。您已经提到，您的页面是从简单的HTML页面构建的博客。尝试使用。它是静态网站（博客）生成器。它简单快速。您甚至可以在本地计算机上构建HTML，只需将HTML页面推送到github即可。

如果您的目标是使用JS作为模板引擎，不需要。您需要进行ajax调用才能从另一个页面获取html，但我要说的是，不要这样做，或者根据浏览器的兼容性，您可以使用object标记：

将文本插入模板中的位置是您的目的吗？如果文件将为您提供所需的文本？如果它位于同一网站结构中，您可以使用

load

。但是，如果可能的话，我会建议您不要这样做。这是完全可能的，即使您使用jQuery也很容易（如果您是前端编程新手，请帮自己一个忙，阅读jQuery）。这是后端最好的地方，您使用的是哪种服务器端平台？还有，每次都是完全不同的内容吗？请注意，我没有使用我自己提供的grunt插件链接，但从它的描述来看，它似乎完全符合您的需要。我不确定您所说的“不包含HTML的代码标记”是什么意思。您介意详细说明吗？@planarian编辑了UPD以回答我的问题。请看，这可能对你有帮助