Javascript，无法动态更改产品页面

Question

我目前正在自学 Javascript，并且正在创建一个小型网站项目以供娱乐。我的问题是：

我有一个主页，在导航栏中有一个名为“产品”的按钮。当我按下它时，我被重定向到一个页面，其中我有一个包含 5-6 个类别（作为图像）的网格布局。当我按下图像时，我被重定向到相关产品。例如产品 > 汽车 > Fiesta 2009 和更多汽车。

问题是，对于每个不同的产品类别，我都有一个不同的 HTML 页面，但我知道我可以只拥有一个 HTML 页面并动态更改其内容 (DOM)。是否有描述此特定功能的好指南？我尝试了许多不同的方法，但我真的不知道该怎么做，而且我的网站无法正常工作。

在处理我的代码 15 小时后发布它，但我自己没有找到解决方案*

Answer 1

您可以考虑使用 UI 框架/库，例如 ReactJS、Angular ... 然后使用路由处理程序（react-router、@angular/router ...）。

另一种选择是使用纯 javascript (VanillaJS)。 几天前，我几乎围绕这个主题提交了sample。