javascript - 如何在每个页面中保留侧边导航菜单

标签 javascript html css

请大家帮帮我。我是编码新手。我想创建一个仅使用 HTML、CSS、JS(下次跨平台) 的新 android 应用程序。我已经解决了这个问题好几天了。我完成了我的第一页 (index.html) 并将创建另一页,但是当我链接到其他页面时,旁边的导航菜单消失了。我不想在我的元素的每个页面中复制和粘贴边 navigation menu 它不干净。我认为有更简单的方法可以做到这一点,但我还不知道。我严格只使用 HTML CSS JS。我能怎么做。

enter image description here

最佳答案

我认为您在这里混合了 2 个要求,首先是能够在您的所有页面上显示一个带有侧边栏的模板化 HTML WebView 。 以及其他开发可在包括 Android 和 IOS 在内的所有设备上运行的移动应用程序。

第一个问题——跨页面共享同一个侧边栏

您可以使用 Bootstrap 模板实现侧边栏,here你可以找到很多侧边栏的例子。并使其共享其他页面,您可以使用 Jquery 或 Vanilla JS 来实现,如 this post .或者您可以使用其他 MVC 框架,例如 Angular 或 React 或 Vue。

第二个问题-新android应用(跨平台)

要使用简单的 HTML、CSS 和 JS 实现此目的,您可以查看 ionic framework它使您可以像创建 Web 应用程序一样创建移动应用程序,并且可以根据需要将其发送到 Android 或 IOS。

或者你可以看看Google's PWA它做一些类似的事情,但复杂性或代码更改较少(尚不支持 IOS,但用户可以在浏览器上查看 Web 应用程序)。


完成所有这一切的理想方式是首先确定您认为适合您需求的技术和框架。然后继续为页眉、侧边栏、页脚和内容创建实际的 HTML、CSS 和 JS 编码

关于javascript - 如何在每个页面中保留侧边导航菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49190172/

相关文章:

带有随机变量的Javascript if else语句

javascript - 无法对动态加载的元素应用 jquery 函数

html - 如何在 Vim 每次保存 "source file"时自动更新或压缩 CSS、JS 和 HTML 文件?

html - table 上的边框颜色拒绝工作

html - 防止 div & table 向下拉伸(stretch)

css - 无序包装 CSS 列表布局问题

javascript - Coffeekup 作为 Express 3 的 View 引擎

jquery - 我怎样才能将页脚推到页面的最底部,而不管正文中的内容有多少?

html - 这些 "scroll page designs"叫什么?

jquery - Fancybox 不适用于多个 ID