原生Js导航高亮代码
来源:互联网 发布:unity 2d优化视频 编辑:程序博客网 时间:2024/06/05 11:56
网上有很多,但目前本人看到的感觉都太多代码,还是喜欢代码少的。DOM编程那本书里也有例子,在此仅作个人记录。
结构代码:
原生Js代码:
效果:
敲重点:
document.location.href 是获取当前浏览器窗口的url地址
parentNode 是获取父级元素,当前例子,a标签的父级元素为<li>
思路:
只需要判断a标签的href地址是否为当前浏览器窗口的Url地址
是:给<li>加高亮样式
如果有疑问或错误之处及不足之处 欢迎指出
邮件:yanggseo@foxmail.com
阅读全文
0 0
- 原生Js导航高亮代码
- 原生JS楼层导航
- XHRHttpRequest原生js代码
- JS原生轮播图代码
- 京东轮播图JS 原生代码
- 【前端新手之路第五天】横向导航栏,html+css+js原生代码
- 原生js表单验证代码
- jQuery转换JS原生代码
- 原生JS ajax框架代码
- js 调用 Android 原生代码
- JS 实现下雪原生代码
- JS 连连看 原生代码
- 原生js图片轮番代码
- Js实例:实现导航菜单的高亮显示
- Js实现当前导航菜单高亮显示
- dedecms导航,当前栏目高亮显示代码
- dedecms导航,当前栏目高亮显示代码
- dedecms导航,当前栏目高亮显示代码
- java并发编程中的三个概念
- Kafka High Level API vs. Low Level API
- ionic 卡片
- swagger文件上传的写法
- 获取字符串中的图片;封装replaceAll全部替换
- 原生Js导航高亮代码
- URAL1091:Tmutarakan Exams(容斥 & 莫比乌斯反演)
- HBase java API 使用实例(一)——增加、修改、删除
- Java反射机制及IoC原理
- JAVA(1):JAVAWEB具体配置MyEclipse+Tomcat
- 浅谈视频解析目前存在的问题及解决方法
- NewVantage Partners:2017年大数据高管调查报告
- 基于大数据的视觉搜索应用与组织模式研究
- JavaWeb学习之Servlet(四)----ServletConfig获取配置信息、ServletContext的应用