javascript - 用JS导入html模块

Question

编码新手和 JavaScript 新手。

我有一个简单的网页，其中有一个包含不同项目（例如，结果和分析）的菜单。当您单击其中一个项目时，说“结果”，我希望它在同一个网页中显示（无需重新加载）另一个包含结果的 HTML 页面，该结果位于另一个文件中。为什么？因为results内容会太大而无法写入main.js，所以html需要从不同的 HTML 文件中加载。

我正在考虑（但可能有其他方法可以做到）results.html使用带有事件侦听器的 JavaScript 导入。但我不知道该怎么做。使用 HTML 模块？

标签： javascripthtmlimportmodule

Answer 1

Problen 有不同的方法：

1. 在需要时使用fetch()从服务器加载数据，然后将其呈现到视图中。
2. 使用带有import ( ...) 的动态导入并加载整个模块，包括您的数据和视图

我个人的意见是选择 1. 并在需要时加载您的数据。