html 不刷新切换当前页面内容

一个小功能，做个笔记：

操作流程是：导航产品有三个下拉子菜单，点击食品跳转，同时跳转出来的子页面中，选中食品这个当前项。

切换  食品  厨具   家电  三个选项卡在刷新页面的时候仍然停留在当前选中的选项。

1、使用选项卡来做应该是可以的，但是要处理一个在刷新的时候，保证选中当前项

2、我做的基本的思路：

上面是全部代码，就是判断url中锚点的值来，判断div的显示和隐藏，这样可以保证刷新的时候仍会在当前页面。