js实现进入二级页面后仍然选中菜单栏中的某个菜单（二级页面与菜单栏绑定）

 

前言

我们通常在点击左侧菜单栏的某个菜单后，会进入一个页面，并将该菜单选中高亮显示；
但是往往在一个页面中，会链接到其他页面，通过第一个页面进入第二个页面后，怎么才能让该菜单仍然是选中且高亮显示的状态呢？

用到的知识点

1.addclass("active")，给菜单的class添加active属性；

2.var _sitemap = new Array();，定义一个数组，存入当前页面和第一级页面；

3.var w_url = window.location.href; ,获取当前页面的url；

4.parent()，获取当元素的直接父级元素；

5.object.entries(),返回一个数组，其元素是与直接在object上找到的可枚举属性键值对相对应的数组。属性的顺序与通过手动循环对象的属性值所给出的顺序相同。

 

代码示例