html 不刷新切換當前頁面內容

一個小功能，做個筆記：

操作流程是：導航產品有三個下拉子菜單，點擊食品跳轉，同時跳轉出來的子頁面中，選中食品這個當前項。

切換  食品  廚具   家電  三個選項卡在刷新頁面的時候仍然停留在當前選中的選項。

1、使用選項卡來做應該是可以的，但是要處理一個在刷新的時候，保證選中當前項

2、我做的基本的思路：

上面是全部代碼，就是判斷url中錨點的值來，判斷div的顯示和隱藏，這樣可以保證刷新的時候仍會在當前頁面。