Question

网站导航栏点击变色并跳转页面导航栏颜色如何固定在相对应栏目位置？

Answer 1

需求代码参考如下：

<script>   $(function () {       var navLi = $(".HouseDetails_nav li")       var windowUrl = location.protocol + '//' + location.hostname + location.pathname;       navLi.each(function () {           var t = $(this).find("a").attr("href");           if(t==windowUrl){               $(this).addClass("on").siblings().removeClass("on")
}
});   });

</script>

var windowUrl = location.protocol + '//' + location.hostname + location.pathname;  //获取当前URL链接  （打印）获取比较明确的链接地址

var windowUrl = window.location.href;  //获取当前URL链接

知识延展：

1. Javascript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。它已经由欧洲电脑制造商协会通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox等）支持。

2. JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。

参考资料

经验.百度[引用时间2018-1-15]