做一个导航栏，不想每个都做一个页面，怎样保持导航栏不动，只刷新下面的内容
3条回答 默认 最新
峰子哥哥 2021-09-15 09:29关注如果你这个项目刚开始，你也愿意去掌握其他技术栈，可以看看vue、react，就是单页模式的，市面上也有很多集成好的UI框架，直接用就好了
Element - The world's most popular Vue UI framework Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 https://element.eleme.cn/#/zh-CN开箱即用的中台前端/设计解决方案 🏆 让中后台开发更简单 包含 table form 等多个组件。 https://pro.ant.design/zh-CN/iframe上手比较快，你百度下就能找到基本的使用，就像我之前说的 就是在父页面通过iframe打开一个子页面
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2020-10-16 07:45在本文中，我们将探讨如何使用layui框架来实现一个功能，即当用户点击左侧导航栏时，不刷新整个页面，仅刷新页面的特定区域。layui是一个轻量级的前端UI框架，它提供了丰富的组件和功能，使得开发人员可以方便地构建...
- 2022-09-02 11:50小黄不辣几的博客 iframe标签、display属性、锚点定位实现导航不变、页面切换效果
- 2022-09-05 15:28iiiilooaixuud的博客 很常见的一种切换导航栏内容变化的实现方式
- 2021-11-29 13:32小羊摸鱼的博客 适合前端学习的新手实现导航栏点击局部改变内容的效果。但是这会使得页面的代码极为庞大，并且不易于代码得管理。 示例1：（其中引用了bootstrap，对样式的布局可以自行根据需要修改） <!DOCTYPE html> <...
- 2025-07-08 14:45通过Ajax技术，可以实现无刷新的数据加载，这样用户在点击导航栏后，页面不会重新加载，而是局部刷新，从而提升用户的操作体验。 此外，为了优化用户体验，导航栏的响应式设计也不容忽视。随着移动设备的普及，网页...
- 2020-09-01 21:44同时，利用Bootstrap分页插件生成分页导航条。`pageCount`变量用于获取JSON数据中的总页数，然后调用`bootstrapPaginator`方法创建分页元素。 为了实现局部刷新，我们需要在用户点击分页链接时，再次执行相同的`$....
- 2021-06-10 13:18朱诗雄的博客 方式一：采用iframe,即将网页放入iframe这个容器中。方式二：采用div的话绑定a或者li的点击事件 阻止a的默认行为...方式四：采用ajax技术，实现局部刷新。(本人觉得该方式比较麻烦，就不在这细说了)。二者的实现方式...
- 2024-11-19 10:44江梦寻的博客 本文将介绍如何在 Vue 中实现一个底部...通过使用 Vue Router，我们可以轻松创建底部导航栏和“我的”页面中的 Tab 切换，实现动态加载不同的子页面内容。文章包含了完整的代码示例，帮助你快速上手实现类似的功能。
- 2021-12-20 14:44by_m4cx的博客 Django中使用jquery实现ajax方式动态局部加载页面
- 2024-11-11 15:23好学的Jack的博客 简介：网页设计与开发依赖于用户友好的界面组件，Tab页、导航条和广告条是关键。本压缩包含多个JavaScript实例，演示如何创建这些组件以及实现动态网页功能。开发者将学习使用事件监听器、DOM操作和JavaScript核心...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月24日
已采纳回答
9月16日-
创建了问题
9月14日