导航栏菜单点击后高亮显示
需求:如果所有页面引用同一个头部导航菜单,点击栏目后,页面跳转的对应页面,这时导航菜单中该栏目高亮显示。
导航栏菜单html结构:
HTML:
实现:判断a标签中href属性与当前窗口URL是否匹配,匹配则给其添加样式。
js代码:
//获取div下面所有的a标签(返回节点对象)
var myNav = document.getElementById("tabs_nav").getElementsByTagName("a");
//获取当前窗口的url
var myURL = document.location.href;
//循环div下
导航栏菜单点击后高亮显示最先出现在Python成神之路。
共有 0 条评论