Javascript，无法动态更改产品页面
Javascript, cannot change product pages dynamically
我目前正在自学 Javascript 并且我正在创建一个小型网站项目来取乐。我的问题是：
我有一个主页，在导航栏中有一个名为“产品”的按钮。当我按下它时，我被重定向到一个页面，在该页面中我有一个包含 5-6 个类别（如图像）的网格布局。当我按下图片时，我被重定向到相关产品。例如产品 > 汽车 > Fiesta 2009 和更多汽车。
问题是，对于每个不同的产品类别，我都有一个不同的 HTML 页面，但我知道我可以只拥有一个 HTML 页面并动态更改其内容（DOM).是否有描述此特定功能的良好指南？我尝试了很多不同的方法，但我真的不知道该怎么做，我的网站也无法正常工作。
在处理我的代码 15 小时后发布它，但我自己没有找到解决方案*
可以考虑使用UI framework/library 比如ReactJS, Angular ...
然后使用路由处理程序（react-router，@angular/router ...）。
另一种选择是使用普通的 javascript (VanillaJS)。
我 sample 几天前几乎围绕这个主题提交了一篇文章。
我目前正在自学 Javascript 并且我正在创建一个小型网站项目来取乐。我的问题是：
我有一个主页，在导航栏中有一个名为“产品”的按钮。当我按下它时，我被重定向到一个页面，在该页面中我有一个包含 5-6 个类别（如图像）的网格布局。当我按下图片时，我被重定向到相关产品。例如产品 > 汽车 > Fiesta 2009 和更多汽车。
问题是，对于每个不同的产品类别，我都有一个不同的 HTML 页面，但我知道我可以只拥有一个 HTML 页面并动态更改其内容（DOM).是否有描述此特定功能的良好指南？我尝试了很多不同的方法，但我真的不知道该怎么做，我的网站也无法正常工作。
在处理我的代码 15 小时后发布它，但我自己没有找到解决方案*
可以考虑使用UI framework/library 比如ReactJS, Angular ... 然后使用路由处理程序（react-router，@angular/router ...）。
另一种选择是使用普通的 javascript (VanillaJS)。 我 sample 几天前几乎围绕这个主题提交了一篇文章。