原生Js导航高亮代码
2017-11-17 11:26
148 查看
网上有很多，但目前本人看到的感觉都太多代码，还是喜欢代码少的。DOM编程那本书里也有例子，在此仅作个人记录。
结构代码：
原生Js代码：
效果：
敲重点：
document.location.href 是获取当前浏览器窗口的url地址
parentNode 是获取父级元素，当前例子，a标签的父级元素为<li>
思路：
只需要判断a标签的href地址是否为当前浏览器窗口的Url地址
是：给<li>加高亮样式
如果有疑问或错误之处及不足之处 欢迎指出
邮件：yanggseo@foxmail.com
结构代码：
原生Js代码：
效果：
敲重点：
document.location.href 是获取当前浏览器窗口的url地址
parentNode 是获取父级元素，当前例子，a标签的父级元素为<li>
思路：
只需要判断a标签的href地址是否为当前浏览器窗口的Url地址
是：给<li>加高亮样式
如果有疑问或错误之处及不足之处 欢迎指出
邮件：yanggseo@foxmail.com
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 树形导航的JS代码(别人网站上的)
- 高效的表格行背景隔行变色及选定高亮的JS代码
- 原生 JS Ajax,GET和POST 请求实例代码
- 使用node.js建博客(六) - 添加代码高亮的支持 (Final)
- js左侧三级菜单导航代码
- 原生js实现吸顶导航和回到顶部特效
- js实现改进的仿蓝色论坛导航菜单效果代码
- 使用 highlight.js 在网页中高亮显示java 代码 【原】
- 测试Swift语言代码高亮-使用highlight.js
- 用原生JS实现一个轮播（包含全部代码和详细思路）
- JS实现自动变化的导航菜单效果代码
- 原生js实现半透明遮罩层效果具体代码
- JS实现带圆弧背景渐变效果的导航菜单代码
- js原生代码编写一个鼠标在页面移动坐标的检测功能，兼容各大浏览器
- 原生js表单验证代码
- PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码
- 原生js仿梦幻时间查看活动（代码临时存储）
- 一个比较靠谱的原生js导航悬浮
- 原生js做的手风琴效果的导航菜单