有没有一种方法可以使文件像这样，然后使用JavaScript将这些文件作为组件使用？例如，假设我有一个被调用的文件，我必须在许多不同的HTML文件中使用这个文件，那么我如何创建一个JavaScript文件，该文件的功能包括我想在哪里显示HTML文件的代码，然后显示HTML文件的路径，然后我如何在其他JavaScript文件中使用该JavaScript文件？

我搜索了许多不同的地方，我可以清楚地说明，没有其他地方可以回答这个确切的问题。我在做了所有的研究后问这个问题。

我也不想在这里使用任何库，如react等

感谢阅读此查询！

---

顺晟科技：

您可以使用JS函数创建模板。正如注释中所解释的，您需要某种开发环境来将代码写入多个文件，然后组织它们。

如果您不想这样做...以下是您可以做的。

navbar.html

navbar.html

navbar.html

请参见此codesandbox，例如： https://codesandbox.io/s/优雅-McCarthy-t6msj？file=/index.html

ps:不过这是一个不好的做法，而且随着应用程序的增长，它会变得复杂。因为导入文件的顺序很重要。就当他们是可悲的。在这种情况下，需求和这个链将随着您添加的组件和脚本的数量而增长。

因此，如果您想构建应用程序，我建议您研究模块构建库。如果您只是想学习...那么我想这会有所帮助。

对于JS，项目通常在许多文件中使用模块，而不是HTML。对于导入，其他模块可以使用或。

为了将所有文件捆绑在一起并生成HTML+JS，静态文件需要使用捆绑器。捆绑程序还可以传递较新的JS语法以支持较旧的浏览器。

最常用的绑定程序是webpack，可以查看，也可以。

有许多如何使用webpack的教程

UPD。也可以查看requirejs，但这是旧方法。

我想你可以用React.js这样的js库来完成！有了它，您可以创建一个js组件，并在其他js文件上调用它！如果您不想使用react，我不知道是否可以使用纯JS！

navbar.html

注意:将所有html标记包装在一个根元素中，使其正常工作，否则此函数将只返回第一个子函数

我认为您可以解析该HTML文件，使其成为DOM对象，然后您可以随意操作它。就像JS组件一样。

例如，使用HTTP调用以字符串形式获取HTML文件，然后将其与domparser()一起使用 创建DOM对象。