从另一个页面抓取HTML

Grabbing HTML from another page

本文关键字：抓取 HTML 另一个      更新时间：2023-09-26

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

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

不要这样做。在目前的实现中，HTML并没有被设计成模板引擎。您可以使用HTML导入，但它在浏览器中没有完全支持。（兼容性表）。

通常这个问题可以用来解决

  • 使用前端框架。angular.js或polymer.js等库通常支持导入不同形式的HTML文档。

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

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

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

UPD:

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

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

相关文章：