每一页都引入了共用的footer跟header，那如何设置footer中点击某一个栏目的话，在新页面中对应下面也变化？

Question

因为每一个新的页面都是引入的同一个herder，新页面如何才能在对应的栏目下面显示layui-this的样式（绿色的下划线）

Answer 1

这种常见的跨页面的办法可能就是cookie或是localStorage，js在页面加载完毕后获取并赋予相应class

Answer 2

可以通过在url 后面传递参数来实现，参数就写在 li 里面，点击的时候获取出来这个参数，在新的页面根据这个参数进行对比

Answer 3

比如你的地址为http://www.123.com/login.jsp

var arr = document.getElementByClass('layui-nav-item')
var href = window.location.href.split('/')[3]//取得index.jsp
var index = arr.indexOf(href);//选出位置
document.getElementByClass(layui-nav-item)[index].addClass('layui-this');