Javascript 如何在web（如仪表板）中更改我的页面？

当我点击侧边栏中的菜单时，我想改变html文件中的body，而不是nav和侧边栏

例如，当我单击侧栏中的编码约定菜单时，它必须从index.html更改为test.html。index.html包括导航、侧栏，但test.html不包括。所以android中有ViewPager或frame，我想在web中开发这个功能

这是我的web示例图像：

---

这个问题太笼统了，您可能需要提供更多的信息，例如您的站点是静态站点还是动态站点？是否有后端服务器正在运行？您是否使用web库进行HTML呈现

如果不知道细节，就很难给你一个好的方向。但通常有几种不同的动态html呈现方法： 1.使用angularJS或reactJS或其他LIB构建单页web应用程序； 2.使用JQuery启动Ajax请求，从后端服务器获取内容； 3.如果您没有服务器，并且您正在构建一个只包含两个静态html页面的静态web，请使用html包含，然后使用javascript控制隐藏/显示

---

动态更改HTML代码段还有许多其他方法。对您来说最好的方法取决于您的项目本身。

我想使用ajax，jquery而不是angular，我正在使用now节点。但我不清楚静态web和动态web之间的区别，一种方法是使用jquery加载和替换html内容，虽然不是很理想，但它可以工作。假设在index.html中有一个内容包装，然后在菜单中单击事件处理程序，您可以执行$（'.content-wrap'）.load（'whaterver.html'）；请注意，堆栈溢出不是聊天室。如果你能使用真实的文字，而不是txtspk，这在这里是值得赞赏的，因为它减少了志愿者编辑的工作量。无论如何，这个问题可能是离题的，因为它没有演示您正在使用的代码。