如何更改我在 Web 中的页面，例如仪表板？答案

【问题标题】：How to change my page in web such as dashboard?如何更改我在 Web 中的页面，例如仪表板？
【发布时间】：2018-02-20 08:33:54
【问题描述】：

当我点击侧边栏中的菜单时，我只想更改正文，不包括导航、侧边栏。

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

这是我的网络示例图片：

【问题讨论】：

请注意，Stack Overflow 不是聊天室。如果您可以使用真实的文字，而不是 txtspk，那么在这里表示赞赏，因为它减少了志愿编辑的工作量。无论如何，这个问题可能是题外话，因为它没有演示您正在使用的代码。

标签： javascript jquery html ajax web

【解决方案1】：

这个问题太笼统了，您可能想提供更多信息，例如您的网站是静态网站还是动态网站？是否有后端服务器正在运行？您是否使用任何网络库进行 HTML 渲染？

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

还有许多其他方法可以动态更改 HTML sn-ps。最适合您的是取决于您的项目本身。

【讨论】：

我想使用 ajax，jquery 而不是 angular，现在正在使用节点。但是我不太清楚静态网页和动态网页的区别。
这样做的一种方法是使用 jquery 加载和替换 html 内容，虽然不是很理想，但它确实有效。假设您在 index.html 中有一个内容包装
> ，那么在您的菜单单击事件处理程序中，您可以执行 $('.content-wrap').load('whaterver .html');