js通过判断地址字符串，来添加样式

最新推荐文章于 2023-03-15 11:23:03 发布

原创最新推荐文章于 2023-03-15 11:23:03 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js通过判断地址字符串 #js #类 #class #javascript

前端js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网站导航栏当前页面高亮显示的方法。通过判断URL中的关键字来为对应的导航项添加样式，使得用户能清晰地知道当前所处的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在一个工程中，header部分一般都是公用的，有些导航也在header里面，点击菜单，跳转页面，点击另外一个，跳转到另外的页面。

//这是header.jsp部分

如html代码：<ul class="nav_menu">
                  <li class="articlemsg"><a href="${basePath}/back/article/index.html">文章管理</a></li>
                   <li class="menumsg"><a href="${basePath}/back/menu/index.html">菜单管理</a></li>
             <li class="usermsg"><a href="${basePath}/back/user/index.html">用户管理</a></li>
          </ul>

有3个导航栏目，这是header部分，你点击会跳转到相应的页面，但是一般你都要给li 或者a加样式，这就得在js中完成。

代码如下：

//index.jsp部分

<body >
<%@ include file="/common/header.jsp"%> //调用公共的header.jsp
<div>1111111111111111111111111111111111111</div>

</div>