当前位置: 开发笔记 > 开发工具 > 正文

关于导航栏更新修改的请教

作者：白闹 | 来源：互联网 | 2017-05-12 01:33

关于导航栏更新修改的请教

请教一下各位大神，假设一个网站有20个页面，每个页面的顶部导航栏的代码都一样。
导航栏有首页，产品，服务，资讯，四个超链接。
现在客户要求在导航栏添加一个“联系我们”，请问有什么方法可以比较便捷的修改？总不会20个页面一个一个修改吧？

回复讨论(解决方案)

如果导航栏不是共用的只能一个个改

请问如何操作可以共用导航栏？

把这些网页做成动态网页时，它们是共用一个头部的，改一个地方就行了，不然会累死。

当然不会- -你要看他们是否用了cms或者

请问如何操作可以共用导航栏？

这要看具体你的网站了不同的cms和不同的代码有不同的修改的方法

把公共代码提取出来，用到的时候再include,这样只修改一个就好了

就算20个网页一起改就多一个li标签而已嘛。

如果网页都是单独的，每个网页都有各自的导航栏，就得一个一个来，
不过用一般的编辑器都可以一起改的

后来自己尝试了一下，不知道这算不算是“提取出来”，把需要共用的代码复制出来，每一行加上document.write（）；，存储为js文件。再在每个需要使用此代码的页面上，调用此js文件，即可实现多个网页共用一个导航栏。如下图：

编辑器

推荐阅读

markdown
技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统

技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]

蜡笔小新 2024-11-11 15:24:24
编辑器
Cocos2d-x学习笔记：基础概念解析与内存管理机制深入探讨

在《Cocos2d-x学习笔记：基础概念解析与内存管理机制深入探讨》中，详细介绍了Cocos2d-x的基础概念，并深入分析了其内存管理机制。特别是针对Boost库引入的智能指针管理方法进行了详细的讲解，例如在处理鱼的运动过程中，可以通过编写自定义函数来动态计算角度变化，利用CallFunc回调机制实现高效的游戏逻辑控制。此外，文章还探讨了如何通过智能指针优化资源管理和避免内存泄漏，为开发者提供了实用的编程技巧和最佳实践。 ... [详细]

蜡笔小新 2024-11-11 14:49:31
编辑器
Vi编辑器的工作模式有哪些？如何在不同模式间切换？

Vi编辑器是Linux系统中常用的文本编辑工具，具备三种主要工作模式：命令模式、插入模式和底行模式。用户可以通过特定的按键组合在这些模式之间进行切换，以实现不同的编辑功能。例如，在命令模式下，用户可以执行移动光标、删除文本等操作；而在插入模式下，则可以输入或修改文本内容。底行模式则用于执行保存文件、退出编辑器等命令。 ... [详细]

蜡笔小新 2024-11-08 09:03:29
clone
CLIfe：我的高效开发环境配置

在开发过程中，我最初也依赖于功能全面但操作繁琐的集成开发环境（IDE），如Borland Delphi 和 Microsoft Visual Studio。然而，随着对高效开发的追求，我逐渐转向了更加轻量级和灵活的工具组合。通过 CLIfe，我构建了一个高度定制化的开发环境，不仅提高了代码编写效率，还简化了项目管理流程。这一配置结合了多种强大的命令行工具和插件，使我在日常开发中能够更加得心应手。 ... [详细]

蜡笔小新 2024-11-07 18:32:20
编辑器
CTF竞赛中文件上传技巧与安全绕过方法深入解析

CTF竞赛中文件上传技巧与安全绕过方法深入解析 ... [详细]

蜡笔小新 2024-11-07 15:41:52
编辑器
Vue 开发入门：环境配置与初步搭建

本文介绍了 Vue 开发的入门指南，重点讲解了开发环境的配置与项目的基本搭建。推荐使用 WebStorm 作为 IDE，其下载地址为。安装时请选择适合您操作系统的版本，并通过获取激活码。WebStorm 是前端开发者的理想选择，提供了丰富的功能和强大的代码编辑能力。 ... [详细]

蜡笔小新 2024-11-07 15:02:54
编辑器
SQL Server 连接故障总结与解决方案分析

在使用 SQL Server 时，连接故障是用户最常见的问题之一。通常，连接 SQL Server 的方法有两种：一种是通过 SQL Server 自带的客户端工具，例如 SQL Server Management Studio；另一种是通过第三方应用程序或开发工具进行连接。本文将详细分析导致连接故障的常见原因，并提供相应的解决策略，帮助用户有效排除连接问题。 ... [详细]

蜡笔小新 2024-11-07 08:30:13
编辑器
Linux Shell变量初探：初始值解析与使用指南

本文探讨了Linux Shell中变量的基本概念及其在BASH中的应用。变量是用于存储可变数据的标识符，能够代表不同的值。文章详细介绍了BASH shell的主要优势，包括强大的命令编辑能力、自动补全功能、命令别名设置、作业控制以及前后台任务管理。此外，还涵盖了编程脚本编写和通配符的使用方法，为初学者提供了全面的指导。 ... [详细]

蜡笔小新 2024-11-06 21:01:31
visual
利用源链接技术调试ASP.NET Core源代码的方法与实践

本文详细探讨了通过源链接技术调试ASP.NET Core源代码的实用方法，旨在为开发者提供高效、准确的调试技巧，适用于学习和实际工作中遇到的相关问题。希望读者能从中获得有价值的参考和启发。 ... [详细]

蜡笔小新 2024-11-06 17:48:25
markdown
七款高效编辑器与笔记工具推荐：KindEditor自动换行功能解析

本文推荐了七款高效的编辑器与笔记工具，并详细解析了KindEditor的自动换行功能。其中，轻笔记QingBiJi是一款完全免费的记事本软件，用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外，该软件还支持多平台同步，确保用户在不同设备间无缝切换。 ... [详细]

蜡笔小新 2024-11-06 11:14:53
编辑器
如何安全地手动移除Exchange Server 2003以确保系统稳定性和数据完整性

本文详细介绍了如何安全地手动卸载Exchange Server 2003，以确保系统的稳定性和数据的完整性。根据微软官方支持文档（https://support.microsoft.com/kb833396/zh-cn），在进行卸载操作前，需要特别注意备份重要数据，并遵循一系列严格的步骤，以避免对现有网络环境造成不利影响。此外，文章还提供了详细的故障排除指南，帮助管理员在遇到问题时能够迅速解决，确保整个卸载过程顺利进行。 ... [详细]

蜡笔小新 2024-11-06 08:13:47
sublimetext
如何在Sublime Text 3中将文件编码格式设置为UTF-8

本文详细介绍了在Sublime Text 3中将文件编码格式设置为UTF-8的具体步骤。通过这些方法，用户可以轻松实现文件编码的转换，确保文本在不同系统和平台上的兼容性和一致性。对于经常需要处理多语言文本的开发者来说，这一技巧尤为实用。希望本文能为读者提供有价值的参考。 ... [详细]

蜡笔小新 2024-11-06 08:00:20
编辑器
PHP与MySQL的Web应用开发技术深入解析

PHP与MySQL的Web应用开发技术深入解析 ... [详细]

蜡笔小新 2024-11-05 18:30:33
编辑器
在VMware虚拟机中部署带有中文图形界面的CentOS 7 Linux系统

本文详细介绍了在VMware虚拟机中部署带有中文图形界面的CentOS 7 Linux系统的步骤。首先，通过“文件”菜单选择“新建虚拟机”并进入自定义设置。接着，在硬盘兼容性选项中选择默认设置。为了更好地进行Linux操作系统的安装练习，建议选择稍后安装操作系统，并在虚拟机安装完成后，根据实际需求删除不必要的硬件组件。此外，本文还提供了详细的配置参数和注意事项，帮助用户顺利完成整个部署过程。 ... [详细]

蜡笔小新 2024-11-05 15:35:12
编辑器
Node.js 配置文件管理方法详解与最佳实践

本文详细介绍了 Node.js 中配置文件管理的方法与最佳实践，涵盖常见的配置文件格式及其优缺点，并提供了多种实用技巧和示例代码，帮助开发者高效地管理和维护项目配置，具有较高的参考价值。 ... [详细]

蜡笔小新 2024-11-05 06:40:19

白闹

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章