javascript 根據 hash 切換css

因為寫RoboInfo，需要寫判斷目前的網址，把menu做highlight，所以找了一些hash的操作來看。

判斷hash讓menu highlight

view plaincopy to clipboardprint

1. function menuOn(){   
2.         $menu=location.hash;   
3.         if($menu=="#/"){   
4.             $("nav li").removeClass("this_nav")("this_nav").eq(0).addClass("this_nav");   
5.         }else if($menu=="#/earth"){   
6.             $("nav li").removeClass("this_nav").eq(1).addClass("this_nav");   
7.         }   
8. }  

在初始化的時候讓menu highlight，可是如果按了back或next page，highlight就沒辦法變，所以再加一下window.onhashchange去偵測hash變化

view plaincopy to clipboardprint

1. window.addEventListener("hashchange", menuOn);